@charset "UTF-8";

.viewFramework-topbar {
    position: fixed;
    width: 100%;
    height: 50px;
    background: #373d41;
    z-index: 101;
}

.viewFramework-body {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0;
    background-color: #000;
    z-index: 100;
}

.viewFramework-body .console-global-notice .console-global-notice-nav {
    top: 14px;
}

.viewFramework-body .console-global-notice .console-global-notice-list {
    margin: 0;
    height: 40px;
}

.viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item {
    padding: 11px 12px;
    border: none;
}

.viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    top: 10px;
}

.viewFramework-body.viewFramework-topbar-hide {
    top: 0;
}

.viewFramework-body.viewFramework-topbar-hide .viewFramework-sidebar {
    top: 0;
}

.viewFramework-sidebar {
    width: 0;
    display: none;
    position: fixed;
    top: 50px;
    bottom: 0;
    background-color: #293038;
    z-index: 102;
    overflow-x: hidden;
}

.viewFramework-sidebar .sidebar-content {
    width: 200px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.viewFramework-sidebar .sidebar-fold {
    height: 30px;
    width: 180px;
    background: #394555;
    color: #aeb9c2;
    text-align: center;
    line-height: 30px !important;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.viewFramework-sidebar .sidebar-fold:hover {
    background: #37424f;
}

.viewFramework-sidebar .sidebar-nav {
    width: 180px;
}

.viewFramework-sidebar .sidebar-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
}

.viewFramework-sidebar .sidebar-nav li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.viewFramework-sidebar .sidebar-nav li a:hover {
    background: #37424f;
}

.viewFramework-sidebar .sidebar-nav li a:hover .nav-icon,.viewFramework-sidebar .sidebar-nav li a:hover .nav-title {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav .nav-item {
    position: relative;
}

.viewFramework-sidebar .sidebar-nav .nav-comment {
    background: #2d3945;
    color: #cccccc;
    height: 26px;
    margin-left: 8px;
    line-height: 26px;
    padding: 0 7px;
    vertical-align: middle;
    position: relative;
    display: none;
}

.viewFramework-sidebar .sidebar-nav .nav-comment .icon-arrow-left {
    position: absolute;
    left: -14px;
    line-height: 26px;
    font-size: 24px;
    color: #2d3945;
}

.viewFramework-sidebar .sidebar-nav .nav-tooltip-comment {
    color: #ccc;
}

.viewFramework-sidebar .sidebar-nav .sidebar-title {
    height: 40px;
    background: #22282e;
    color: #fff;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.viewFramework-sidebar .sidebar-nav .sidebar-title:hover {
    background: #414d5c;
}

.viewFramework-sidebar .sidebar-nav .sidebar-title-icon {
    display: inline-block;
    margin: 0 8px 0 20px;
    vertical-align: middle;
    transition: transform 0.12s;
    -o-transition: -o-transform 0.12s;
    -ms-transition: -ms-transform 0.12s;
    -moz-transition: -moz-transform 0.12s;
    -webkit-transition: -webkit-transform 0.12s;
}

.viewFramework-sidebar .sidebar-manage {
    vertical-align: middle;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
}

.viewFramework-sidebar .sidebar-manage a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #a0abb3;
    text-decoration: none;
}

.viewFramework-sidebar .sidebar-nav-fold ul {
    height: 0 !important;
    overflow: hidden;
}

.viewFramework-sidebar .sidebar-nav-fold .sidebar-title-icon {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.viewFramework-sidebar .sidebar-nav-fold .sidebar-title {
    background: #37424f;
    border-bottom: 1px solid #414d5c;
}

.viewFramework-sidebar .sidebar-nav .nav-item:hover .nav-comment {
    display: inline-block;
}

.viewFramework-sidebar .entrance-nav .nav-comment {
    margin-left: 10px;
}

.viewFramework-sidebar .sidebar-nav .nav-icon {
    width: 50px;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #aeb9c2;
}

.viewFramework-sidebar .sidebar-nav .nav-title {
    float: left;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 130px;
}

.viewFramework-sidebar .sidebar-nav li.consolehome .nav-tooltip {
    top: 15px;
    line-height: 40px;
}

.viewFramework-sidebar .sidebar-nav li.consolehome a {
    height: 70px;
    line-height: 70px;
    background: #293038;
}

.viewFramework-sidebar .sidebar-nav li.consolehome a .nav-icon {
    font-size: 20px;
}

.viewFramework-sidebar .sidebar-nav li.consolehome.active a {
    background: #293038;
}

.viewFramework-sidebar .sidebar-nav li.active a {
    background: #0099cc;
}

.viewFramework-sidebar .sidebar-nav li.active a .nav-title {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav li.active a .nav-icon {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav .manage-nav {
    height: 30px;
    overflow: hidden;
}

.viewFramework-sidebar .sidebar-nav .manage-nav:hover .nav-icon {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav .manage-nav a {
    display: block;
    height: 100%;
}

.viewFramework-sidebar .sidebar-nav .manage-nav .nav-icon {
    height: 100%;
    line-height: 30px;
    font-size: 16px;
}

.viewFramework-sidebar .sidebar-nav .manage-nav .nav-title {
    margin-top: 14px;
    background: #293038;
    height: 1px;
    width: 120px;
}

.viewFramework-sidebar .sidebar-nav .more-nav {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #09c;
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-icon,.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-title {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover {
    background: #09c;
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .icon-up {
    display: none;
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .icon-down {
    display: inline-block;
}

.viewFramework-sidebar .sidebar-nav .more-nav .icon-up {
    display: inline-block;
}

.viewFramework-sidebar .sidebar-nav .more-nav .icon-down {
    display: none;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-icon,.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-title {
    color: #fff;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container {
    background: #425160;
    position: absolute;
    bottom: 40px;
    top: auto;
    border: none;
    border-radius: 0 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container a {
    color: #fff;
    text-decoration: none;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover {
    background: #3a4856;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover .more-nav-item-icon {
    color: #aeb9c2;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #546478;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active {
    background: #2d3945;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon {
    color: #0099cc;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close {
    height: 20px;
    background: #09c;
    text-align: right;
    line-height: 20px;
    cursor: pointer;
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close .icon-down {
    text-align: left;
    width: 32px;
    display: inline-block;
    color: #80cce6;
    vertical-align: middle;
}

.viewFramework-sidebar-mini .viewFramework-sidebar,.viewFramework-sidebar.sidebar-mini {
    width: 50px;
    display: block;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-content,.viewFramework-sidebar.sidebar-mini .sidebar-content {
    width: 70px;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-fold,.viewFramework-sidebar.sidebar-mini .sidebar-fold {
    width: 50px;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav,.viewFramework-sidebar.sidebar-mini .sidebar-nav {
    width: 50px;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-item a:hover+.nav-tooltip,.viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-item a:hover+.nav-tooltip {
    display: block;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-title,.viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-title {
    display: none;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160 !important;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav.open .more-nav-switch {
    background: #425160 !important;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container {
    bottom: 0px;
    left: 50px;
    width: 180px;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    padding-left: 0;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close,.viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-close {
    display: none;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav li.consolehome a :hover,.viewFramework-sidebar.sidebar-mini .sidebar-nav li.consolehome a :hover {
    background: #425160;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title .sidebar-title-text,.viewFramework-sidebar.sidebar-mini .sidebar-title .sidebar-title-text {
    display: none;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title-inner:hover+.nav-tooltip,.viewFramework-sidebar.sidebar-mini .sidebar-title-inner:hover+.nav-tooltip {
    display: block;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-manage,.viewFramework-sidebar.sidebar-mini .sidebar-manage {
    display: none;
}

.viewFramework-sidebar-mini .viewFramework-sidebar .entrance-nav .nav-item:hover .nav-comment,.viewFramework-sidebar.sidebar-mini .entrance-nav .nav-item:hover .nav-comment {
    display: none;
}

.viewFramework-sidebar-full .viewFramework-sidebar,.viewFramework-sidebar.sidebar-full {
    width: 180px;
    display: block;
}

.viewFramework-sidebar-full .viewFramework-sidebar .sidebar-nav .nav-icon,.viewFramework-sidebar.sidebar-full .sidebar-nav .nav-icon {
    width: 50px;
}

.viewFramework-sidebar-mini .viewFramework-product {
    left: 50px;
}

.viewFramework-sidebar-full .viewFramework-product {
    left: 180px;
}

.viewFramework-sidebar-dialog .modal-dialog {
    width: 730px;
}

.viewFramework-sidebar-dialog .modal-dialog .modal-title {
    user-select: none;
    -webkit-user-select: none;
}

.viewFramework-sidebar-manage .sidebar-item-list {
    padding: 4px 0 0 0;
    height: auto;
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item {
    border: 1px solid #37a9d5;
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-opt-icon {
    display: block;
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-icon {
    color: #516176;
}

.viewFramework-sidebar-manage .sidebar-config-title {
    padding-left: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.viewFramework-sidebar-manage .sidebar-item-wrap {
    padding: 6px;
    width: 33.3%;
    float: left;
    user-select: none;
    -webkit-user-select: none;
}

.viewFramework-sidebar-manage .sidebar-item-wrap.on-drag-hover .sidebar-item {
    border: 1px dashed #ddd;
}

.viewFramework-sidebar-manage .sidebar-item {
    height: 32px;
    padding: 4px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #d3dce3;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-transition: all 0.1s, 0.1s;
    -ms-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s;
}

.viewFramework-sidebar-manage .sidebar-item:hover {
    border: 1px solid #37a9d5;
}

.viewFramework-sidebar-manage .sidebar-item:hover .sidebar-item-opt-icon {
    display: block;
}

.viewFramework-sidebar-manage .sidebar-item .sidebar-item-icon {
    color: #aeb9c2;
    font-size: 14px;
    margin: 0 2px;
    position: relative;
    top: 1px;
}

.viewFramework-sidebar-manage .sidebar-item .sidebar-item-opt-icon {
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    top: 0;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #37a9d5;
    color: #37a9d5;
    font-size: 14px;
}

.viewFramework-sidebar-manage .sidebar-config-gap {
    border: 1px dashed #e8ecf0;
    margin: 16px 5px;
    user-select: none;
    -webkit-user-select: none;
}

.aliyun-console-sidebar-tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.aliyun-console-sidebar-tooltip .tooltip-inner {
    max-width: 200px;
    padding: 12px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 0 0;
    background-color: #425160;
}

.aliyun-console-sidebar-tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.aliyun-console-sidebar-tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.aliyun-console-sidebar-tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.aliyun-console-sidebar-tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #425160;
    border-width: 5px 5px 5px 0;
}

.viewFramework-product {
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #FFF;
}

.viewFramework-product-navbar {
    width: 0px;
    float: left;
    background-color: #EAEDF1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.viewFramework-product-navbar .product-nav-stage {
    width: 180px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.viewFramework-product-navbar .product-nav-stage .product-nav-scene {
    width: 180px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-transition: position,.2s,linear;
    -moz-transition: position,.2s,linear;
}

.viewFramework-product-navbar .product-nav-stage .product-nav-main-scene {
    left: 0px;
}

.viewFramework-product-navbar .product-nav-stage .product-nav-sub-scene {
    left: 180px;
}

.viewFramework-product-navbar .product-nav-stage-main .product-nav-main-scene {
    left: 0px;
}

.viewFramework-product-navbar .product-nav-stage-main .product-nav-sub-scene {
    left: 180px;
}

.viewFramework-product-navbar .product-nav-stage-sub .product-nav-main-scene {
    left: -180px;
}

.viewFramework-product-navbar .product-nav-stage-sub .product-nav-sub-scene {
    left: 0px;
}

.viewFramework-product-navbar .product-nav-scene .product-nav-title {
    width: 180px;
    height: 70px;
    line-height: 70px;
    background: #D9DEE4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewFramework-product-navbar .product-nav-main-scene .product-nav-title {
    font-weight: bold;
    text-indent: 20px;
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title {
    text-align: center;
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a {
    font-size: 20px;
    color: #546478;
    text-decoration: none;
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a:hover {
    color: #09C;
}

.viewFramework-product-navbar .product-nav-list {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.viewFramework-product-navbar .product-nav-list .nav-icon {
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.viewFramework-product-navbar .product-nav-list .nav-title {
    width: 138px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewFramework-product-navbar .product-nav-list .nav-extend {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: -40px;
}

.viewFramework-product-navbar .product-nav-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.viewFramework-product-navbar .product-nav-list li a {
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333;
}

.viewFramework-product-navbar .product-nav-list ul ul li a {
    color: #666;
}

.viewFramework-product-navbar .product-nav-list ul ul li a .nav-title {
    text-indent: 8px;
}

.viewFramework-product-navbar .product-nav-list li a:hover {
    background-color: #F4F6F8;
}

.viewFramework-product-navbar .product-nav-list li.active a {
    background-color: #FFF;
}

.viewFramework-product-navbar-collapse {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 50px;
    z-index: 3;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.viewFramework-product-navbar-collapse:hover .product-navbar-collapse {
    left: 0;
}

.viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: 20px solid #D9DEE4;
    border-top: 8px solid transparent;
}

.viewFramework-product-navbar-collapse .product-navbar-collapse-inner {
    top: -50%;
    position: relative;
    overflow: hidden;
}

.viewFramework-product-navbar-collapse .product-navbar-collapse {
    height: 50px;
    position: relative;
    left: -7px;
    text-align: center;
    cursor: pointer;
    -o-transition: all 0.1s ease,0.1s ease;
    -ms-transition: all 0.1s ease,0.1s ease;
    -moz-transition: all 0.1s ease,0.1s ease;
    -webkit-transition: all 0.1s ease,0.1s ease;
}

.viewFramework-product-navbar-collapse .product-navbar-collapse>span {
    font-size: 15px;
    line-height: 50px;
    vertical-align: text-top;
}

.viewFramework-product-navbar-collapse .product-navbar-collapse-bg {
    width: 0;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #D9DEE4;
    border-top: 9px solid transparent;
    -o-transition: all 0.1s ease,0.1s ease;
    -ms-transition: all 0.1s ease,0.1s ease;
    -moz-transition: all 0.1s ease,0.1s ease;
    -webkit-transition: all 0.1s ease,0.1s ease;
}

.viewFramework-product-navbar-collapse .icon-collapse-left {
    display: none;
}

.viewFramework-product-navbar-collapse .icon-collapse-right {
    display: inline;
}

.viewFramework-product-body {
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-bg,.viewFramework-product-col-1 .viewFramework-product-navbar {
    width: 180px;
}

.viewFramework-product-col-1 .viewFramework-product-body {
    left: 180px;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse {
    left: 160px;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse {
    right: -7px;
    left: auto;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse>span {
    color: #546478;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse-bg {
    right: 0;
    left: auto;
    border-bottom: 9px solid transparent;
    border-left: none;
    border-right: 13px solid #f7f7f7;
    border-top: 9px solid transparent;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-left {
    display: inline;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-right {
    display: none;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse {
    right: 0;
    left: auto;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: none;
    border-right: 20px solid #f7f7f7;
    border-top: 8px solid transparent;
}

.viewFramework-product-col-2 .viewFramework-product-navbar-bg,.viewFramework-product-col-2 .viewFramework-product-navbar {
    width: 360px;
}

.viewFramework-product-col-2 .viewFramework-product-body {
    left: 360px;
}

.viewFramework-animate {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.viewFramework-fadeIn {
    -webkit-animation-name: viewFrameworkFadeIn;
    animation-name: viewFrameworkFadeIn;
}

@-webkit-keyframes viewFrameworkFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes viewFrameworkFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.text-muted {
    color: #999 !important;
}

.text-muted:hover {
    color: #999 !important;
}

.text-info {
    color: #69C !important;
}

.text-info:hover {
    color: #69C !important;
}

.text-primary {
    color: #09C !important;
}

.text-primary:hover {
    color: #09C !important;
}

.text-success {
    color: #090 !important;
}

.text-success:hover {
    color: #090 !important;
}

.text-warning {
    color: #F90 !important;
}

.text-warning:hover {
    color: #F90 !important;
}

.text-danger {
    color: #F00 !important;
}

.text-danger:hover {
    color: #F00 !important;
}

.text-explode {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 4px !important;
}

span.label {
    font-weight: normal;
}

.text-size-14 {
    font-size: 14px !important;
}

.text-size-16 {
    font-size: 16px !important;
}

.text-size-24 {
    font-size: 24px !important;
}

.text-size-32 {
    font-size: 32px !important;
}

.text-size-48 {
    font-size: 48px !important;
}

.text-size-64 {
    font-size: 64px !important;
}

.btn {
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 16px;
    height: 32px;
    line-height: 14px;
}

/*.btn-default {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.btn-default:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn-default:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none;
}

.btn-default:hover {
    color: #333;
    border: 1px solid #ddd;
    background-color: #fff;
}*/

/*.btn-primary {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
}

.btn-primary:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn-primary:focus {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
    outline: none;
}

.btn-primary:hover {
    color: #fff;
    border: 1px solid #28b5d6;
    background-color: #28b5d6;
}*/

/*.btn-success {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
}

.btn-success:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn-success:focus {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
    outline: none;
}

.btn-success:hover {
    color: #fff;
    border: 1px solid #57bc20;
    background-color: #57bc20;
}

.btn-warning {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.btn-warning:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn-warning:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none;
}

.btn-warning:hover {
    color: #fff;
    border: 1px solid #ffa200;
    background-color: #ffa200;
}

.btn-danger {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.btn-danger:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn-danger:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none;
}

.btn-danger:hover {
    color: #fff;
    border: 1px solid #f25721;
    background-color: #f25721;
}*/

.btn-link {
    color: #06C;
    text-shadow: none;
    border: none;
}

.btn-link:hover {
    color: #039;
}

.btn-lg {
    font-size: 14px;
    padding: 12px 20px;
    height: 40px;
    line-height: 16px;
}

.btn-sm {
    font-size: 12px;
    padding: 4px 12px;
    height: 24px;
    line-height: 14px;
}

.btn-xs {
    font-size: 12px;
    padding: 2px 8px;
    height: 20px;
    line-height: 14px;
}

.btn.disabled,.btn[disabled] {
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.btn.disabled:active,.btn[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn.disabled:focus,.btn[disabled]:focus {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none;
}

.btn.disabled:hover,.btn[disabled]:hover {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.btn.btn-link.disabled,.btn.btn-link[disabled] {
    border: none;
    background: transparent none;
}

.btn.btn-primary.disabled,.btn.btn-primary[disabled] {
    color: #EEE;
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
}

.btn.btn-primary.disabled:active,.btn.btn-primary[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.btn.btn-primary.disabled:focus,.btn.btn-primary[disabled]:focus {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
    outline: none;
}

.btn.btn-primary.disabled:hover,.btn.btn-primary[disabled]:hover {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
}

.btn-default-active,.btn-default-active:hover,.btn-default-active:focus {
    border: 1px solid #485260;
    background-color: #525d6d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525d6d), color-stop(100%, #525d6d));
    background: -webkit-linear-gradient(top, #525d6d,#525d6d);
    background: -moz-linear-gradient(top, #525d6d,#525d6d);
    background: -o-linear-gradient(top, #525d6d,#525d6d);
    background: linear-gradient(top, #525d6d,#525d6d);
    color: #FFFFFF;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}

.btn-toinstlist {
    border: 1px solid #BBB;
    color: #666;
    text-shadow: none;
    vertical-align: middle;
    margin-top: 7px;
}

.btn-toinstlist .icon-toinstlist {
    width: 12px;
    height: 12px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background: url(../img/aliyuntoinstlist.png) center 1px no-repeat;
}

.console-sub-title+.table {
    margin-top: 0px;
}

.table-header {
    border: 1px solid #e1e6eb;
    width: 100%;
    z-index: 1;
    margin-bottom: -1px;
    padding: 8px;
    line-height: 32px;
    display: table;
}

.table-header+.table {
    margin-top: 0px;
}

.table {
    background: #FFF;
    font-size: 12px;
    border-top: 1px solid #e1e6eb;
    margin-top: 8px;
    border: 1px solid #e1e6eb;
}

.table thead tr th {
    padding: 8px 8px;
    font-weight: normal;
    color: #999;
    border-bottom: 1px solid #e1e6eb;
    background-color: #F5F6FA;
    vertical-align: middle;
}

.table thead tr th a.dropdown-toggle {
    color: #999;
}

.table thead tr th .dropdown.open a {
    color: #333;
}

.table tbody tr td {
    padding: 12px 8px;
    border-top: 0px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle;
}

.table tbody tr td p {
    margin-bottom: 0px;
}

.table tfoot tr td {
    padding: 12px 8px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle;
}

.table .text-right .dropdown-menu {
    text-align: left;
    left: auto;
    right: 0px;
}

.table-hover tbody tr:hover td {
    background-color: #F9F9FA;
}

.pagination {
    margin: 0px;
    vertical-align: middle;
    border-radius: 0px;
}

.pagination li a,.pagination li span {
    height: 32px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    border-color: #CCC;
}

.pagination li a:hover {
    color: #FFF;
    background-color: #28B5D6;
    border-color: #28B5D6;
}

.pagination li span {
    color: #999;
}

.pagination li span:hover {
    background: none;
}

.pagination li:first-child>a,.pagination li:first-child>span {
    border-radius: 0px;
}

.pagination li:last-child>a,.pagination li:last-child>span {
    border-radius: 0px;
}

.pagination li.active a,.pagination li.active span {
    background-color: #09C;
    border: 1px solid #09C;
}

.pagination li.active a:hover,.pagination li.active span:hover {
    background-color: #09C;
    border: 1px solid #09C;
}

.pagination-info {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 16px;
    color: #888;
}

.form-group {
    /*margin-top: 15px;*/
}

.help-block {
    margin: 4px 0px;
}

.form-control {
    height: 32px;
    border-radius: 0px;
    padding: 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 12px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control[size],.form-control[cols],.form-control.autosize {
    width: auto;
}

.form-control.inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

select {
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {
    color: #090;
}

.has-success .form-control,input.ng-valid.ng-dirty,textarea.ng-valid.ng-dirty {
    border-color: #090;
}

.has-success .form-control:focus,input.ng-valid.ng-dirty:focus,textarea.ng-valid.ng-dirty:focus {
    border-color: #2A0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline {
    color: #F90;
}

.has-warning .form-control {
    border-color: #F90;
}

.has-warning .form-control:focus {
    border-color: #FA0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
    color: #E40;
}

.has-error .form-control,input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
    border-color: #E40;
}

.has-error .form-control:focus,input.ng-invalid.ng-dirty:focus,textarea.ng-invalid.ng-dirty:focus {
    border-color: #F30;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    color: #999;
}

label.control-label {
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

.form-inline .form-group {
    margin: 4px 8px 4px 0px;
}

.form-inline .form-control {
    width: auto;
}

.form-inline .input-group-btn {
    width: auto;
}

select.input-lg,.input-lg {
    height: 40px;
}

select.input-sm,.input-sm {
    height: 24px;
}

.console-onoff {
    vertical-align: middle;
    width: 50px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("../img/aliyunon-off.png");
    background-image: -webkit-image-set(url("../img/aliyunon-off.png") 1x, url("../img/aliyunon-off@2x.png") 2x);
    background-image: -moz-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-image: -o-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-image: -ms-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

.console-onoff .onoff-handle {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("../img/aliyunon-off.png");
    background-image: -webkit-image-set(url("../img/aliyunon-off.png") 1x, url("../img/aliyunon-off@2x.png") 2x);
    background-image: -moz-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-image: -o-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-image: -ms-image-set(url("../img/aliyunonoff.png") 1x, url("../img/aliyunonoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.console-onoff .onoff-loading {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("../img/aliyunon-off-loading.gif");
    background-image: -webkit-image-set(url("../img/aliyunon-off-loading.gif") 1x, url("../img/aliyunon-off-loading@2x.gif") 2x);
    background-image: -moz-image-set(url("../img/aliyunon-off-loading.gif") 1x, url("../img/aliyunon-off-loading@2x.gif") 2x);
    background-image: -o-image-set(url("../img/aliyunon-off-loading.gif") 1x, url("../img/aliyunon-off-loading@2x.gif") 2x);
    background-image: -ms-image-set(url("../img/aliyunon-off-loading.gif") 1x, url("../img/aliyunon-off-loading@2x.gif") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.console-onoff-on {
    background-position: 0px -40px;
}

.console-onoff-on .onoff-handle {
    background-position: 0px 0px;
}

.console-onoff-on .onoff-loading {
    background-position: 32px 4px;
}

.console-onoff-off {
    background-position: 0px -60px;
}

.console-onoff-off .onoff-handle {
    background-position: -28px 0px;
}

.console-onoff-off .onoff-loading {
    background-position: 4px 4px;
}

.console-onoff[disabled="disabled"] {
    cursor: not-allowed;
    background-position: 0px -80px;
}

.console-onoff[disabled="disabled"] .onoff-loading {
    display: none;
}

.console-onoff-on[disabled="disabled"] .onoff-handle {
    background-position: 0px -20px;
}

.console-onoff-off[disabled="disabled"] .onoff-handle {
    background-position: -28px -20px;
}

.console-number-spinner {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.console-number-spinner .form-control {
    width: auto;
    float: left;
    text-indent: -16px;
}

.console-number-spinner .console-number-spinner-action {
    width: 14px;
    height: 30px;
    float: left;
    margin-left: -16px;
    border-left: 1px solid #E3E3E3;
    margin-top: 1px;
}

.console-number-spinner .console-number-spinner-action button {
    width: 14px;
    height: 15px;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    display: block;
    color: #999;
    text-align: center;
    outline: 0px;
}

.console-number-spinner .console-number-spinner-action button:hover {
    color: #06C;
}

.console-number-spinner .console-number-spinner-action button[disabled] {
    color: #999;
}

.console-number-spinner .console-number-spinner-action .console-number-spinner-down {
    border-top: 1px solid #E3E3E3;
}

.console-timepicker {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.console-datepicker {
    padding: 8px;
}

.console-datepicker thead .h6 th {
    padding-top: 8px;
}

.console-datepicker tbody tr:first-child td {
    padding-top: 8px;
}

.console-datepicker tbody .btn {
    border: 0px !important;
}

.console-datepicker tbody .btn:hover {
    background: #F3F3F3;
}

.console-datepicker tbody .btn-default {
    background: transparent;
}

.console-datepicker tbody .active,.console-datepicker tbody .active:hover,.console-datepicker tbody .active span {
    background: #3C0;
    color: #FFF;
}

.console-datepicker tbody .btn[disabled="disabled"] .btn[disabled="disabled"] span {
    color: #CCC;
}

.console-datepicker em {
    font-size: 12px;
    color: #ACD;
}

.aliyun-console-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    background: #09C;
    font-size: 12px;
    min-width: 990px;
}

.aliyun-console-topbar a {
    text-decoration: none;
}

.aliyun-console-topbar a:focus {
    outline: none;
}

.aliyun-console-topbar .accessibility-ast {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
}

.aliyun-console-topbar .accessibility-ast:focus {
    position: absolute;
    top: 0;
    left: 310px;
}

.aliyun-console-topbar .icon-arrow-down {
    display: inline-block;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s;
}

.aliyun-console-topbar .dropdown .dropdown-menu {
    z-index: 1;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.aliyun-console-topbar .dropdown .dropdown-menu a {
    padding: 0;
}

.aliyun-console-topbar .dropdown.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.aliyun-console-topbar .topbar-wrap,.aliyun-console-topbar .topbar-logo,.aliyun-console-topbar .topbar-home,.aliyun-console-topbar .topbar-home-link,.aliyun-console-topbar .topbar-nav,.aliyun-console-topbar .topbar-info {
    height: 100%;
}

.aliyun-console-topbar .topbar-left {
    float: left;
}

.aliyun-console-topbar .topbar-right {
    float: right;
}

.aliyun-console-topbar .topbar-clearfix:before,.aliyun-console-topbar .topbar-clearfix:after {
    display: table;
    content: " ";
}

.aliyun-console-topbar .topbar-clearfix:after {
    clear: both;
}

.aliyun-console-topbar .topbar-head {
    background: #008fbf;
    height: 50px;
    position: relative;
    z-index: 3;
}

.aliyun-console-topbar .topbar-nav {
    position: relative;
    z-index: 2;
    background: #09C;
}

.aliyun-console-topbar .topbar-logo,.aliyun-console-topbar .topbar-home {
    display: block;
    width: 50px;
    background: #0099cc;
    font-size: 28px;
    color: #FFF;
    text-align: center;
    line-height: 50px;
}

.aliyun-console-topbar .topbar-logo span,.aliyun-console-topbar .topbar-home span {
    line-height: 50px;
}

.aliyun-console-topbar .topbar-logo {
    background: #0087b4;
}

.aliyun-console-topbar .topbar-home {
    margin-right: 1px;
    font-size: 20px;
}

.aliyun-console-topbar .topbar-home:hover {
    background: #008fbf;
}

.aliyun-console-topbar .topbar-home-link {
    padding: 0 20px;
    margin-right: 1px;
    background: #09c;
}

.aliyun-console-topbar .topbar-home {
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
}

.aliyun-console-topbar .topbar-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.aliyun-console-topbar .topbar-btn:hover,.aliyun-console-topbar .topbar-btn.topbar-btn-dark {
    background: #008fbf;
}

.aliyun-console-topbar .topbar-nav.open .topbar-nav-btn {
    background: #fff;
    color: #333;
}

.aliyun-console-topbar .topbar-nav-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px;
}

.aliyun-console-topbar .topbar-nav-list {
    border: none;
    padding: 10px;
    margin-top: 0;
    white-space: nowrap;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-col {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 6px 0 10px;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul {
    padding: 0;
    margin: 8px 0 0 0;
    list-style: none;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li {
    min-width: 160px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 2px;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    color: #333;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #f2f2f2;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a .topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom;
    display: inline-block;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a {
    color: #999;
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a .topbar-nav-item-icon {
    color: #999;
}

.aliyun-console-topbar .topbar-regionbar {
    padding: 10px;
}

.aliyun-console-topbar .topbar-info {
    background: #008fbf;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.aliyun-console-topbar .topbar-info .topbar-btn {
    padding: 0 10px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #09c;
}

.aliyun-console-topbar .topbar-info .topbar-btn:hover,.aliyun-console-topbar .topbar-info .topbar-btn.topbar-btn-dark {
    background: #008fbf;
}

.aliyun-console-topbar .topbar-info .topbar-btn.open {
    position: relative;
}

.aliyun-console-topbar .topbar-info .topbar-btn-search {
    padding: 0;
    margin-left: 1px;
}

.aliyun-console-topbar .topbar-info .topbar-info-gap {
    color: #fff;
}

.aliyun-console-topbar .topbar-info .dropdown .dropdown-menu {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: none;
}

.aliyun-console-topbar .topbar-info .dropdown.open .topbar-btn {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    position: relative;
}

.aliyun-console-topbar .topbar-info .topbar-info-btn {
    height: 40px;
    border-bottom: 1px solid #eaedf1;
}

.aliyun-console-topbar .topbar-info .topbar-info-btn a {
    line-height: 39px;
    padding-left: 10px;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu {
    width: 310px;
    left: auto;
    right: 0;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity {
    height: 80px;
    padding: 8px 16px;
    position: relative;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-item {
    height: 32px;
    line-height: 32px;
    display: block;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-colon {
    padding: 0 5px;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign {
    padding: 2px 6px;
    background: #7ecef4;
    color: #fff;
    border-radius: 1px;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign-wrap {
    position: absolute;
    top: 14px;
    right: 30px;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link {
    display: inline-block;
    color: #06C;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link:hover {
    background: none;
    text-decoration: underline;
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link.user-btn-link-signout {
    float: right;
    padding: 0 16px;
}

.aliyun-console-topbar .topbar-info-item {
    display: inline-block;
    margin-left: 1px;
}

.aliyun-console-topbar .topbar-notice {
    position: relative;
    font-size: 12px;
    margin-left: 1px;
    padding: 0 12px 0 8px !important;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel {
    display: none;
}

.aliyun-console-topbar .topbar-notice.open .topbar-notice-panel {
    display: block;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel {
    position: absolute;
    top: 48px;
    left: -185px;
    width: 440px;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow {
    background: url(../img/aliyunnotice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 220px;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head {
    height: 50px;
    background-color: #eaedf1;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body {
    height: 300px;
    overflow-y: auto;
    background: #fff;
    font-size: 12px;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #eaedf1;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 10px 10px;
    background: #fff;
    color: #333;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #06c;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover {
    background: #f9f9f9;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a {
    color: #666;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time {
    color: #999;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot {
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class {
    display: none !important;
    padding: 8px 0;
    float: right;
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 66px;
    background: #eaedf1;
    text-align: center;
    border-radius: 3px;
}

.aliyun-console-topbar .topbar-btn-notice {
    width: auto;
    display: block;
    height: 50px;
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 50px;
    vertical-align: text-bottom;
    color: #fff;
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center;
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num.topbar-btn-notice-num-zero {
    color: #00ace9;
    background-color: #0087b4;
}

.aliyun-console-topbar .topbar-btn-notice .topbar-nav-item-short {
    padding-left: 2px;
}

.aliyun-console-topbar .topbar-qrcode {
    position: relative;
    margin-left: 1px;
}

.aliyun-console-topbar .topbar-qrcode:hover .topbar-qrcode-panel {
    display: block;
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-panel {
    top: 50px;
    left: 0;
    position: absolute;
    width: 130px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: none;
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-image {
    width: 100px;
    margin: 0 auto;
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-title {
    text-align: center;
    padding-top: 10px;
}

.aliyun-console-topbar .topbar-new-icon {
    position: relative;
    top: -4px;
    padding-left: 2px;
}

.aliyun-console-topbar-search {
    position: relative;
    z-index: 1;
}

.aliyun-console-topbar-search:hover {
    background: #008fbf;
}

.aliyun-console-topbar-search:hover .topbar-search-ask {
    background: #008fbf;
}

.aliyun-console-topbar-search .topbar-search-ask {
    width: 200px;
    height: 50px;
    border: 0;
    background: #09c;
    line-height: 26px;
    padding: 12px 30px 12px 10px;
    display: block;
    color: #fff;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
}

.aliyun-console-topbar-search .topbar-search-ask:focus {
    outline: none;
}

.aliyun-console-topbar-search .topbar-search-ask-shade {
    color: #00ace9;
}

.aliyun-console-topbar-search .topbar-search-mark {
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    height: 50px;
    width: 40px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    top: 0;
    right: 0;
}

.aliyun-console-topbar-search .topbar-search-mark .icon-search,.aliyun-console-topbar-search .topbar-search-mark .icon-enter {
    line-height: 50px;
}

.aliyun-console-topbar-search.topbar-search-active {
    background: #008fbf;
}

.aliyun-console-topbar-search.topbar-search-active .topbar-search-ask {
    background: #008fbf;
}

.aliyun-console-topbar-search.topbar-search-active .topbar-search-ask-shade {
    color: #fff;
}

.aliyun-console-topbar-search-v1_3_21 {
    position: relative;
}

.aliyun-console-topbar-search-v1_3_21.topbar-search-dropdown-open .topbar-btn {
    background: #008fbf;
}

.aliyun-console-topbar-search-v1_3_21 .icon-search {
    font-size: 16px;
    padding-right: 4px;
    position: relative;
    top: 2px;
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown {
    height: 38px;
    position: absolute;
    bottom: -38px;
    right: -1px;
    border: 2px solid #008fbf;
    background: #fff;
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown input {
    display: block;
    height: 34px;
    padding: 4px 6px;
    margin-right: 30px;
    width: 250px;
    border-width: 0;
    outline: 0;
    line-height: 34px;
    color: #546478;
    font-size: 12px;
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown .topbar-search-mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #546478;
}

.aliyun-console-topbar-help {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
}

.aliyun-console-topbar-help .topbar-help-inner {
    width: 486px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e6eb;
    position: absolute;
    right: -486px;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -o-transition: all 0.2s ease, 0.2s ease;
    -ms-transition: all 0.2s ease, 0.2s ease;
    -moz-transition: all 0.2s ease, 0.2s ease;
    -webkit-transition: all 0.2s ease, 0.2s ease;
    z-index: 1;
    top: 50px;
    bottom: 0;
}

.aliyun-console-topbar-help .topbar-help-inner.topbar-help-show {
    right: 0px;
}

.aliyun-console-topbar-help .topbar-help-head {
    height: 68px;
    padding-left: 20px;
    line-height: 68px;
    border-bottom: 1px solid #e1e6eb;
    position: relative;
    color: #333;
}

.aliyun-console-topbar-help .topbar-help-body {
    position: absolute;
    top: 68px;
    bottom: 0;
    background: #fff;
}

.aliyun-console-topbar-help .topbar-help-iframe {
    height: 100%;
}

.aliyun-console-topbar-help .topbar-help-close {
    font-size: 18px;
    float: right;
    height: 68px;
    width: 68px;
    line-height: 68px !important;
    text-align: center;
    color: #546478;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.aliyun-console-topbar-help .topbar-help-close:hover {
    color: #000;
}

.console-regionbar {
    display: inline-block;
}

.console-regionbar .region-icon-active {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 8px;
    background-color: #fd9827;
}

.console-regionbar .region-icon {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #333;
    position: absolute;
    left: 15px;
    top: 13px;
}

.console-regionbar .dropdown-toggle {
    background: #0087b4;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    min-width: 100px;
    -webkit-user-select: none;
}

.console-regionbar .dropdown .dropdown-menu {
    width: 100%;
    min-width: 100px;
    margin-top: 0;
    border: none;
    border-top: 1px solid #eaedf1;
}

.console-regionbar .dropdown.open .dropdown-toggle {
    background: #fff;
    color: #333;
}

.console-regionbar .region-item {
    height: 32px;
    border-bottom: 1px solid #eaedf1;
    padding-left: 30px;
    position: relative;
    transition: all 0.2s, 0.2s;
    -o-transition: all 0.2s, 0.2s;
    -moz-transition: all 0.2s, 0.2s;
    -webkit-transition: all 0.2s, 0.2s;
}

.console-regionbar .region-item:hover {
    background: #eaedf1;
}

.console-regionbar .region-item:hover .region-icon {
    background: #09c;
}

.console-regionbar .region-item.region-item-active a {
    color: #09c;
}

.console-regionbar .region-item.region-item-active .region-icon {
    background: #09c;
}

.console-regionbar .region-item a {
    display: block;
    width: 100%;
    line-height: 32px;
    color: #333;
}

.region-loading-overlay {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    color: #333;
    text-align: center;
}

.region-loading-overlay .region-loading-overlay-text {
    position: relative;
    top: 30%;
    margin-top: -7px;
    font-size: 14px;
    color: #333;
}

.region-loading-overlay .region-loading-overlay-text .region-loading-logo {
    width: 96px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 16px;
    display: block !important;
}

.region-loading-overlay .region-loading-overlay-text .region-loading-logo img {
    display: block;
    position: absolute;
    margin-top: 19px;
    width: 96px;
    height: 23px;
}

.console-topbar-new {
    position: relative;
    z-index: 100;
    clear: both;
    height: 40px;
    background: #34383c;
    font-size: 12px;
    min-width: 1000px;
}

.console-topbar-new .console-topbar-btn {
    width: 50px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    background-color: #2a2e31;
    text-decoration: none;
    text-align: center;
    color: #fff;
    line-height: 40px;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-text {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    display: none;
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-icon {
    font-size: 22px;
    display: inline;
    line-height: 40px;
    color: #fff;
}

.console-topbar-new .console-topbar-btn .caret {
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.console-topbar-new .console-topbar-btn:hover {
    width: auto;
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse,.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #585e65;
    color: #fff;
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-text {
    display: inline;
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom;
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-home {
    width: 106px;
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 120px;
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-ak {
    width: 104px;
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 94px;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-last {
    margin-right: 0;
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon {
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    color: #2a2e31;
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon img {
    width: 22px;
    height: 22px;
    display: block;
    margin: 9px 14px;
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link {
    font-size: 12px;
    width: auto;
    padding: 0 15px;
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link .console-topbar-nav-link-icon {
    width: 16px;
    height: 19px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    font-size: 16px;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user {
    width: auto;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user .console-topbar-btn-text {
    display: inline;
    padding: 0 15px;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice {
    width: auto;
    padding: 0 10px;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 40px;
    vertical-align: text-bottom;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 1px;
    width: 20px;
    display: inline-block;
    margin-top: 10px;
    line-height: 16px;
    vertical-align: top;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num.console-topbar-btn-notice-num-zero {
    color: #999;
    background-color: #34383c;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-nav-item-short {
    padding-left: 2px;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-ak {
    overflow: hidden;
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-nav {
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    margin-top: 0;
    margin-left: -1px;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-col {
    float: left;
    padding: 0 10px;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 10px 0;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li {
    width: 170px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding-left: 10px;
    text-decoration: none;
    color: #333;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a:hover {
    background-color: #f2f2f2;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ecs {
    color: #007eff;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-slb {
    color: #f27741;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-rds {
    color: #20f8b8;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oss {
    color: #ade675;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-cdn {
    color: #bff3fe;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ots {
    color: #15d4f0;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ocs {
    color: #40ff8f;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-odps {
    color: #ffba00;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ace {
    color: #c8341c;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yundun {
    color: #298edb;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yunjiankong {
    color: #86f2af;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-sls {
    color: #075ac0;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oas {
    color: #79df71;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ess {
    color: #0cf;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mqs {
    color: #fff400;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-vpc {
    color: #6cf;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-opensearch {
    color: #5bc8e8;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-lightcloud {
    color: #6bbd52;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-pts {
    color: #009dff;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ons {
    color: #6b3100;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-dpc {
    color: #289de9;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ads {
    color: #71ceec;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mts {
    color: #f93;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-drds {
    color: #6f9;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a {
    color: #999;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a .console-topbar-nav-item-icon {
    color: #999;
}

.console-topbar-new .dropdown .dropdown-menu {
    z-index: 1;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    box-shadow: 0 2px 4px rgba(0,0,0,0.175);
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse {
    background-color: #585e65;
    color: #fff;
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse-white {
    background-color: #fff;
    color: #333;
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-text {
    display: inline;
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom;
}

.console-topbar-new .dropdown.open .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #fff !important;
    color: #333 !important;
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 120px;
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 94px;
}

.console-topbar-new .dropdown.open .console-topbar-btn .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.console-topbar-new .console-topbar-user .dropdown-menu,.console-topbar-new .console-topbar-dropdown .dropdown-menu {
    margin-top: -1px;
}

.console-topbar-new .console-topbar-user .dropdown-menu>li a,.console-topbar-new .console-topbar-dropdown .dropdown-menu>li a {
    padding: 6px 20px;
}

.console-topbar-new .console-topbar-workorder .dropdown-menu {
    min-width: 96px;
}

.console-topbar-new .console-topbar-workorder .dropdown-menu>li a {
    padding: 6px 24px 6px 16px;
}

.console-topbar-new .console-topbar-notice {
    position: relative;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    display: none;
}

.console-topbar-new .console-topbar-notice.open .console-topbar-notice-panel {
    display: block;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    position: absolute;
    top: 38px;
    left: -170px;
    width: 390px;
    border: 1px solid #bbb;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-arrow {
    background: url(../img/aliyunnotice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 196px;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-head {
    height: 40px;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 0 15px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body {
    height: 240px;
    overflow-y: auto;
    background: #fff;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul {
    list-style: none;
    margin: 0 5px;
    padding: 0;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ececec;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    background: #fff;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a span {
    display: block;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-link {
    float: left;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-time {
    float: right;
    color: #333;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a:hover {
    background: #f9f9f9;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a {
    color: #666;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a .console-topbar-notice-time {
    color: #999;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body .console-topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot {
    height: 48px;
    line-height: 48px;
    background: #fff;
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot .console-topbar-notice-more {
    padding-right: 15px;
}

.console-topbar-new .console-topbar-locale {
    float: left;
}

.console-topbar-new .console-topbar-locale .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: -1px;
    width: 50px;
    min-width: 60px;
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale {
    width: 60px;
    background: none;
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale .console-topbar-btn-text {
    display: block;
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-home {
    width: 116px;
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 170px;
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 146px;
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li {
    width: auto !important;
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li a {
    padding: 0 10px;
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 170px;
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 146px;
}

.console-navbar {
    font-size: 12px;
    color: #666666;
    word-wrap: break-word;
    height: 56px;
    border: none;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
    position: relative;
    box-sizing: content-box;
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 0 !important;
    z-index: 2;
}

.console-navbar * {
    box-sizing: content-box;
}

.console-navbar a {
    color: #333;
}

.console-navbar .console-navbar-title {
    float: left;
    line-height: 56px;
    padding: 0 40px 0 14px;
    font-size: 18px;
    color: #999999;
}

.console-navbar .console-navbar-title .console-navbar-subtitle {
    margin-right: 5px;
}

.console-navbar .nav li {
    float: left;
    display: inline;
    margin: 0 20px;
    height: 56px;
    font-size: 14px;
}

.console-navbar .nav li a {
    padding: 0 2px;
    float: left;
    height: 55px;
    color: #333333;
    line-height: 56px;
    text-decoration: none;
}

.console-navbar .nav li a:hover,.console-navbar .nav li a:focus {
    background-color: #fff;
}

.console-navbar .nav li.active {
    height: 55px;
}

.console-navbar .nav li.active a {
    color: #ff4902;
    border-bottom: 2px solid #ff4902;
}

.console-navbar .console-navbar-a-default {
    cursor: default;
}

.console-navbar .console-navbar-links-example {
    margin-top: 15px;
    padding: 0 15px 0;
    line-height: 24px;
    border-left: 1px solid #eeeeee;
}

.console-navbar .console-navbar-links-example a {
    color: #b3b3b3;
}

.console-title {
    padding: 16px 0px;
    min-height: 70px;
}

.console-title .nav-pills {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -5px;
}

.console-title .nav-pills li {
    margin-bottom: 5px;
    margin-left: 2px;
}

.console-title .nav-pills li a,.console-title .nav-pills li a:focus,.console-title .nav-pills li button,.console-title .nav-pills li button:focus {
    padding: 6px 6px;
}

.console-title h1,.console-title h2,.console-title h3,.console-title h4,.console-title h5,.console-title h6 {
    display: inline-block;
    text-indent: 8px;
    border-left: 3px solid #00BCD4;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px;
    vertical-align: top;
}

.console-title h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.console-title h2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.console-title h3 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.console-title h4 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.console-title h5 {
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .console-title .nav-pills {
        max-width: 384px;
    }
}

@media (min-width: 992px) {
    .console-title .nav-pills {
        max-width: 496px;
    }
}

@media (min-width: 1200px) {
    .console-title .nav-pills {
        max-width: 650px;
    }
}

@media (min-width: 1500px) {
    .console-title .nav-pills {
        max-width: 1000px;
    }
}

@media (min-width: 1800px) {
    .console-title .nav-pills {
        max-width: 1300px;
    }
}

.console-title-border {
    border-bottom: 1px solid #DDD;
}

.console-sub-title {
    position: relative;
    padding-left: 16px;
    margin-bottom: -1px;
    display: table;
    width: 100%;
    z-index: 1;
    height: 40px;
    border: 1px solid #E1E6EB;
    border-left: 3px solid #778;
    background-color: #F4F5F9;
}

.console-sub-title h5 {
    color: #666;
    font-size: 14px;
}

.console-box-border {
    border: 1px solid #E1E6EB;
}

.margin-left,.margin-left-1 {
    margin-left: 8px !important;
}

.margin-left-2 {
    margin-left: 16px !important;
}

.margin-left-3 {
    margin-left: 24px !important;
}

.margin-left-4 {
    margin-left: 32px !important;
}

.margin-right,.margin-right-1 {
    margin-right: 8px !important;
}

.margin-right-2 {
    margin-right: 16px !important;
}

.margin-right-3 {
    margin-right: 24px !important;
}

.margin-right-4 {
    margin-right: 32px !important;
}

.margin-top,.margin-top-1 {
    margin-top: 8px !important;
}

.margin-top-2 {
    margin-top: 16px !important;
}

.margin-top-3 {
    margin-top: 24px !important;
}

.margin-top-4 {
    margin-top: 32px !important;
}

.row-padding-1 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.row-padding,.row-padding-2 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.row-padding-3 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.row-padding-4 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.row-margin-1 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.row-margin,.row-margin-2 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.row-margin-3 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.row-margin-4 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.col-padding-1 {
    padding-left: 8px;
    padding-right: 8px;
}

.col-padding,.col-padding-2 {
    padding-left: 16px;
    padding-right: 16px;
}

.col-padding-3 {
    padding-left: 24px;
    padding-right: 24px;
}

.col-padding-4 {
    padding-left: 32px;
    padding-right: 32px;
}

.col-margin-1 {
    margin-left: 8px;
    margin-right: 8px;
}

.col-margin,.col-margin-2 {
    margin-left: 16px;
    margin-right: 16px;
}

.col-margin-3 {
    margin-left: 24px;
    margin-right: 24px;
}

.col-margin-4 {
    margin-left: 32px;
    margin-right: 32px;
}

.inline-block {
    display: inline-block !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.partition {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 4px;
}

.no-data {
    padding: 24px 0px;
    text-align: center;
    color: #666;
}

@font-face {
    font-family:'aliyun-console-font';src:url("../fonts/aliyun-console-font.eot?t8d6m8");src:url("../fonts/aliyun-console-font.eot?t8d6m8#iefix") format("embedded-opentype"),url("../fonts/aliyun-console-font.ttf?t8d6m8") format("truetype"),url("../fonts/aliyun-console-font.woff?t8d6m8") format("woff"),url("../fonts/aliyun-console-font.svg?t8d6m8#aliyun-console-font") format("svg");font-weight:normal;font-style:normal;
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'aliyun-console-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-logo2:before {
    content: "\e63b";
}

.icon-logo1:before {
    content: "\e63a";
}

.icon-logo-new:before {
    content: "\e97f";
}

.icon-buy-xin:before {
    content: "\e9db";
}

.icon-epr:before {
    content: "\e9da";
}

.icon-buy-storage-2:before {
    content: "\e9d4";
}

.icon-buy-bandwidth-2:before {
    content: "\e9d5";
}

.icon-buy-giving:before {
    content: "\e9d6";
}

.icon-buy-jiang:before {
    content: "\e9d7";
}

.icon-buy-network-2:before {
    content: "\e9d8";
}

.icon-buy-soldout:before {
    content: "\e9d9";
}

.icon-nls:before {
    content: "\e9d3";
}

.icon-topbar-accesskeys:before {
    content: "\e9cd";
}

.icon-topbar-certify:before {
    content: "\e9ce";
}

.icon-topbar-ram:before {
    content: "\e9cf";
}

.icon-topbar-secure-control:before {
    content: "\e9d0";
}

.icon-topbar-secure-setting:before {
    content: "\e9d1";
}

.icon-topbar-user-info:before {
    content: "\e9d2";
}

.icon-three-point:before {
    content: "\e9cb";
}

.icon-sc:before {
    content: "\e9cc";
}

.icon-buy-down:before {
    content: "\e9b2";
}

.icon-buy-te:before {
    content: "\e9b3";
}

.icon-buy-qing:before {
    content: "\e9b5";
}

.icon-buy-hui:before {
    content: "\e9b4";
}

.icon-os-redhat:before {
    content: "\e9b6";
}

.icon-os-centos:before {
    content: "\e9b7";
}

.icon-os-windows-server:before {
    content: "\e9b8";
}

.icon-os-opensuse:before {
    content: "\e9b9";
}

.icon-os-suse-linux:before {
    content: "\e9ba";
}

.icon-os-ubuntu:before {
    content: "\e9bb";
}

.icon-os-freebsd:before {
    content: "\e9bc";
}

.icon-os-debian:before {
    content: "\e9bd";
}

.icon-os-gentoo:before {
    content: "\e9be";
}

.icon-os-coreos:before {
    content: "\e9bf";
}

.icon-os-aliyun-linux:before {
    content: "\e9c0";
}

.icon-buy-device:before {
    content: "\e9c1";
}

.icon-buy-star:before {
    content: "\e9c2";
}

.icon-buy-network:before {
    content: "\e9c3";
}

.icon-buy-region:before {
    content: "\e9c4";
}

.icon-buy-image:before {
    content: "\e9c5";
}

.icon-buy-instance:before {
    content: "\e9c6";
}

.icon-buy-storage:before {
    content: "\e9c7";
}

.icon-buy-amount:before {
    content: "\e9c8";
}

.icon-buy-security:before {
    content: "\e9c9";
}

.icon-buy-chargeType:before {
    content: "\e9ca";
}

.icon-rule-marketing:before {
    content: "\e998";
}

.icon-et:before {
    content: "\e99a";
}

.icon-batchcomputenew:before {
    content: "\e99b";
}

.icon-data-market:before {
    content: "\e99c";
}

.icon-datav-county:before {
    content: "\e99d";
}

.icon-dide:before {
    content: "\e99e";
}

.icon-eia:before {
    content: "\e99f";
}

.icon-face:before {
    content: "\e9a0";
}

.icon-galaxy:before {
    content: "\e9a1";
}

.icon-gia:before {
    content: "\e9a2";
}

.icon-man-marketing:before {
    content: "\e9a3";
}

.icon-man:before {
    content: "\e9a4";
}

.icon-ocr:before {
    content: "\e9a5";
}

.icon-odpsplus:before {
    content: "\e9a6";
}

.icon-pai:before {
    content: "\e9a7";
}

.icon-prophet:before {
    content: "\e9a8";
}

.icon-quickbi:before {
    content: "\e9a9";
}

.icon-rule-alert:before {
    content: "\e9aa";
}

.icon-rule:before {
    content: "\e9ab";
}

.icon-speech:before {
    content: "\e9ac";
}

.icon-tag:before {
    content: "\e9ad";
}

.icon-translation:before {
    content: "\e9ae";
}

.icon-typhoon:before {
    content: "\e9af";
}

.icon-yun-dplus-datav:before {
    content: "\e9b0";
}

.icon-yun-dplus-re:before {
    content: "\e9b1";
}

.icon-logo-c:before {
    content: "\e980";
}

.icon-logo-c2:before {
    content: "\e981";
}

.icon-logo-c3:before {
    content: "\e982";
}

.icon-logo-e:before {
    content: "\e98c";
}

.icon-logo-e2:before {
    content: "\e98d";
}

.icon-logo-n:before {
    content: "\e98e";
}

.icon-logo1-1:before {
    content: "\e98f";
}

.icon-logo1-2:before {
    content: "\e990";
}

.icon-logo2-1:before {
    content: "\e991";
}

.icon-logo2-2:before {
    content: "\e992";
}

.icon-logo3-1:before {
    content: "\e993";
}

.icon-logo3-2:before {
    content: "\e994";
}

.icon-logo4-1:before {
    content: "\e995";
}

.icon-logo4-2:before {
    content: "\e996";
}

.icon-logo5:before {
    content: "\e997";
}

.icon-dotted-circle:before {
    content: "\e999";
}

.icon-dms-2:before {
    content: "\e92d";
}

.icon-dms-3:before {
    content: "\e92e";
}

.icon-dms:before {
    content: "\e92f";
}

.icon-gpdb-2:before {
    content: "\e983";
}

.icon-gpdb-3:before {
    content: "\e984";
}

.icon-gpdb:before {
    content: "\e985";
}

.icon-schedulerx-2:before {
    content: "\e986";
}

.icon-schedulerx-3:before {
    content: "\e987";
}

.icon-schedulerx:before {
    content: "\e988";
}

.icon-txc-2:before {
    content: "\e989";
}

.icon-txc-3:before {
    content: "\e98a";
}

.icon-txc:before {
    content: "\e98b";
}

.icon-csb-2:before {
    content: "\e909";
}

.icon-csb-3:before {
    content: "\e90a";
}

.icon-csb:before {
    content: "\e90b";
}

.icon-mobsec-2:before {
    content: "\e96d";
}

.icon-mobsec-3:before {
    content: "\e96e";
}

.icon-mobsec:before {
    content: "\e96f";
}

.icon-mss-2:before {
    content: "\e970";
}

.icon-mss-3:before {
    content: "\e971";
}

.icon-mss:before {
    content: "\e972";
}

.icon-sos-2:before {
    content: "\e973";
}

.icon-sos-3:before {
    content: "\e974";
}

.icon-sos:before {
    content: "\e975";
}

.icon-sppc-2:before {
    content: "\e976";
}

.icon-sppc-3:before {
    content: "\e977";
}

.icon-sppc:before {
    content: "\e978";
}

.icon-webfirewall-2:before {
    content: "\e979";
}

.icon-webfirewall-3:before {
    content: "\e97a";
}

.icon-webfirewall:before {
    content: "\e97b";
}

.icon-xianzhi-2:before {
    content: "\e97c";
}

.icon-xianzhi-3:before {
    content: "\e97d";
}

.icon-xianzhi:before {
    content: "\e97e";
}

.icon-livevideo-2:before {
    content: "\e964";
}

.icon-livevideo-3:before {
    content: "\e965";
}

.icon-livevideo:before {
    content: "\e966";
}

.icon-slm-2:before {
    content: "\e967";
}

.icon-slm-3:before {
    content: "\e968";
}

.icon-slm:before {
    content: "\e969";
}

.icon-vod-2:before {
    content: "\e96a";
}

.icon-vod-3:before {
    content: "\e96b";
}

.icon-vod:before {
    content: "\e96c";
}

.icon-kms-2:before {
    content: "\e95e";
}

.icon-kms-3:before {
    content: "\e95f";
}

.icon-kms:before {
    content: "\e960";
}

.icon-nas-2:before {
    content: "\e961";
}

.icon-nas-3:before {
    content: "\e962";
}

.icon-nas:before {
    content: "\e963";
}

.icon-apigateway-2:before {
    content: "\e94f";
}

.icon-apigateway-3:before {
    content: "\e950";
}

.icon-apigateway:before {
    content: "\e951";
}

.icon-oceanbase-2:before {
    content: "\e952";
}

.icon-oceanbase-3:before {
    content: "\e953";
}

.icon-oceanbase:before {
    content: "\e954";
}

.icon-petadata-2:before {
    content: "\e955";
}

.icon-petadata-3:before {
    content: "\e956";
}

.icon-petadata:before {
    content: "\e957";
}

.icon-ecsm-2:before {
    content: "\e958";
}

.icon-ecsm-3:before {
    content: "\e959";
}

.icon-ecsm:before {
    content: "\e95a";
}

.icon-yundunzhengshu-2:before {
    content: "\e95b";
}

.icon-yundunzhengshu-3:before {
    content: "\e95c";
}

.icon-yundunzhengshu:before {
    content: "\e95d";
}

.icon-cdi-2:before {
    content: "\e93a";
}

.icon-cdi-3:before {
    content: "\e93b";
}

.icon-cdi:before {
    content: "\e93c";
}

.icon-disk-2:before {
    content: "\e93d";
}

.icon-disk-3:before {
    content: "\e93e";
}

.icon-disk:before {
    content: "\e93f";
}

.icon-dsi-2:before {
    content: "\e940";
}

.icon-dsi-3:before {
    content: "\e941";
}

.icon-dsi:before {
    content: "\e942";
}

.icon-hpc-2:before {
    content: "\e943";
}

.icon-hpc-3:before {
    content: "\e944";
}

.icon-hpc:before {
    content: "\e945";
}

.icon-httpdns-2:before {
    content: "\e946";
}

.icon-httpdns-3:before {
    content: "\e947";
}

.icon-httpdns:before {
    content: "\e948";
}

.icon-iot-2:before {
    content: "\e949";
}

.icon-iot-3:before {
    content: "\e94a";
}

.icon-iot2:before {
    content: "\e94b";
}

.icon-vipaegis-2:before {
    content: "\e94c";
}

.icon-vipaegis-3:before {
    content: "\e94d";
}

.icon-vipaegis:before {
    content: "\e94e";
}

.icon-cs-2:before {
    content: "\e92a";
}

.icon-cs-3:before {
    content: "\e92b";
}

.icon-cs:before {
    content: "\e92c";
}

.icon-ewh-2:before {
    content: "\e930";
}

.icon-ewh-3:before {
    content: "\e931";
}

.icon-ewh:before {
    content: "\e932";
}

.icon-expressconnect-2:before {
    content: "\e933";
}

.icon-expressconnect-3:before {
    content: "\e934";
}

.icon-expressconnect:before {
    content: "\e935";
}

.icon-hsm-2:before {
    content: "\e936";
}

.icon-hsm-3:before {
    content: "\e937";
}

.icon-hsm:before {
    content: "\e938";
}

.icon-kuaizhaolian:before {
    content: "\e939";
}

.icon-mongodb-2:before {
    content: "\e927";
}

.icon-mongodb-3:before {
    content: "\e928";
}

.icon-mongodb:before {
    content: "\e929";
}

.icon-actiontrail-2:before {
    content: "\e90f";
}

.icon-actiontrail-3:before {
    content: "\e910";
}

.icon-actiontrail:before {
    content: "\e911";
}

.icon-ats-2:before {
    content: "\e912";
}

.icon-ats-3:before {
    content: "\e913";
}

.icon-ats:before {
    content: "\e914";
}

.icon-cli-2:before {
    content: "\e915";
}

.icon-cli-3:before {
    content: "\e916";
}

.icon-cli:before {
    content: "\e917";
}

.icon-directmail-2:before {
    content: "\e918";
}

.icon-directmail-3:before {
    content: "\e919";
}

.icon-directmail:before {
    content: "\e91a";
}

.icon-eclipse-2:before {
    content: "\e91b";
}

.icon-eclipse-3:before {
    content: "\e91c";
}

.icon-eclipse:before {
    content: "\e91d";
}

.icon-havip-2:before {
    content: "\e91e";
}

.icon-havip-3:before {
    content: "\e91f";
}

.icon-havip:before {
    content: "\e920";
}

.icon-ros-2:before {
    content: "\e921";
}

.icon-ros-3:before {
    content: "\e922";
}

.icon-ros:before {
    content: "\e923";
}

.icon-visualstudio-2:before {
    content: "\e924";
}

.icon-visualstudio-3:before {
    content: "\e925";
}

.icon-visualstudio:before {
    content: "\e926";
}

.icon-emr-2:before {
    content: "\e90c";
}

.icon-emr-3:before {
    content: "\e90d";
}

.icon-emr:before {
    content: "\e90e";
}

.icon-antifraud-3:before {
    content: "\e903";
}

.icon-antifraud:before {
    content: "\e904";
}

.icon-antifraud-2:before {
    content: "\e905";
}

.icon-ddosbasic:before {
    content: "\e906";
}

.icon-ddosbasic-3:before {
    content: "\e907";
}

.icon-ddosbasic-2:before {
    content: "\e908";
}

.icon-aegis:before {
    content: "\e900";
}

.icon-aegis-3:before {
    content: "\e901";
}

.icon-aegis-2:before {
    content: "\e902";
}

.icon-amr-2:before {
    content: "\e71c";
}

.icon-amr-3:before {
    content: "\e71d";
}

.icon-amr:before {
    content: "\e71e";
}

.icon-eip-2:before {
    content: "\e71f";
}

.icon-eip-3:before {
    content: "\e720";
}

.icon-eip:before {
    content: "\e721";
}

.icon-expense-i18n:before {
    content: "\e71b";
}

.icon-aps-2:before {
    content: "\e715";
}

.icon-aps-3:before {
    content: "\e716";
}

.icon-aps:before {
    content: "\e717";
}

.icon-batchcompute-2:before {
    content: "\e718";
}

.icon-batchcompute-3:before {
    content: "\e719";
}

.icon-batchcompute:before {
    content: "\e71a";
}

.icon-sas-2:before {
    content: "\e70c";
}

.icon-sas-3:before {
    content: "\e70d";
}

.icon-sas:before {
    content: "\e70e";
}

.icon-scan-2:before {
    content: "\e70f";
}

.icon-scan-3:before {
    content: "\e710";
}

.icon-scan:before {
    content: "\e711";
}

.icon-waf-2:before {
    content: "\e712";
}

.icon-waf-3:before {
    content: "\e713";
}

.icon-waf:before {
    content: "\e714";
}

.icon-mns-2:before {
    content: "\e709";
}

.icon-mns-3:before {
    content: "\e70a";
}

.icon-mns:before {
    content: "\e70b";
}

.icon-qrcode:before {
    content: "\e708";
}

.icon-unfold:before {
    content: "\e707";
}

.icon-fold:before {
    content: "\e706";
}

.icon-form:before {
    content: "\e6fd";
}

.icon-accelerate:before {
    content: "\e6fe";
}

.icon-feedback:before {
    content: "\e702";
}

.icon-vdc-2:before {
    content: "\e703";
}

.icon-vdc-3:before {
    content: "\e704";
}

.icon-vdc:before {
    content: "\e705";
}

.icon-new:before {
    content: "\e6fc";
}

.icon-collapse-right:before {
    content: "\e6fb";
}

.icon-collapse-left:before {
    content: "\e6fa";
}

.icon-aec:before {
    content: "\e6f3";
}

.icon-aic:before {
    content: "\e6f4";
}

.icon-mobile-2:before {
    content: "\e6f5";
}

.icon-amc:before {
    content: "\e6f6";
}

.icon-arc:before {
    content: "\e6f7";
}

.icon-game:before {
    content: "\e6f8";
}

.icon-iot:before {
    content: "\e6f9";
}

.icon-right:before {
    content: "\e6f2";
}

.icon-afc:before {
    content: "\e6f0";
}

.icon-specs:before {
    content: "\e6f1";
}

.icon-pen-2:before {
    content: "\e6c8";
}

.icon-key:before {
    content: "\e635";
}

.icon-bsn:before {
    content: "\e6ea";
}

.icon-mac-2:before {
    content: "\e6eb";
}

.icon-mac-3:before {
    content: "\e6ec";
}

.icon-mac:before {
    content: "\e6ed";
}

.icon-fenxiao:before {
    content: "\e6ee";
}

.icon-account-2:before {
    content: "\e6ef";
}

.icon-qiyeyouxiang-2:before {
    content: "\e6be";
}

.icon-qiyeyouxiang-3:before {
    content: "\e6bf";
}

.icon-qiyeyouxiang:before {
    content: "\e6c0";
}

.icon-yuming-2:before {
    content: "\e6d3";
}

.icon-yuming-3:before {
    content: "\e6df";
}

.icon-yuming:before {
    content: "\e6e0";
}

.icon-yumingyuwangzhan-2:before {
    content: "\e6e1";
}

.icon-yumingyuwangzhan-3:before {
    content: "\e6e2";
}

.icon-yumingyuwangzhan:before {
    content: "\e6e3";
}

.icon-yunjiexi-2:before {
    content: "\e6e4";
}

.icon-yunjiexi-3:before {
    content: "\e6e5";
}

.icon-yunjiexi:before {
    content: "\e6e6";
}

.icon-yunxunizhuji-2:before {
    content: "\e6e7";
}

.icon-yunxunizhuji-3:before {
    content: "\e6e8";
}

.icon-yunxunizhuji:before {
    content: "\e6e9";
}

.icon-api-3:before {
    content: "\e6d2";
}

.icon-api-2:before {
    content: "\e6d4";
}

.icon-api:before {
    content: "\e6d5";
}

.icon-dpa-2:before {
    content: "\e6d6";
}

.icon-dpa-3:before {
    content: "\e6d7";
}

.icon-dpa:before {
    content: "\e6d8";
}

.icon-lvwang-2:before {
    content: "\e6d9";
}

.icon-lvwang-3:before {
    content: "\e6da";
}

.icon-lvwang:before {
    content: "\e6db";
}

.icon-mas-2:before {
    content: "\e6dc";
}

.icon-mas-3:before {
    content: "\e6dd";
}

.icon-mas:before {
    content: "\e6de";
}

.icon-dts-2:before {
    content: "\e6cf";
}

.icon-dts-3:before {
    content: "\e6d0";
}

.icon-dts:before {
    content: "\e6d1";
}

.icon-android:before {
    content: "\e6c9";
}

.icon-cps-2:before {
    content: "\e6ca";
}

.icon-cps-3:before {
    content: "\e6cb";
}

.icon-cps:before {
    content: "\e6cc";
}

.icon-ios:before {
    content: "\e6cd";
}

.icon-vitality:before {
    content: "\e6ce";
}

.icon-dfs-2:before {
    content: "\e6bb";
}

.icon-dfs-3:before {
    content: "\e6bc";
}

.icon-dfs:before {
    content: "\e6bd";
}

.icon-edas-2:before {
    content: "\e6c1";
}

.icon-edas-3:before {
    content: "\e6c2";
}

.icon-edas:before {
    content: "\e6c3";
}

.icon-enter:before {
    content: "\e6c4";
}

.icon-usableCenter-2:before {
    content: "\e6c5";
}

.icon-usableCenter-3:before {
    content: "\e6c6";
}

.icon-usableCenter:before {
    content: "\e6c7";
}

.icon-ace-2:before {
    content: "\e600";
}

.icon-ace:before {
    content: "\e601";
}

.icon-add-1:before {
    content: "\e602";
}

.icon-add-2:before {
    content: "\e603";
}

.icon-add:before {
    content: "\e604";
}

.icon-ads-2:before {
    content: "\e605";
}

.icon-ads:before {
    content: "\e606";
}

.icon-amplify:before {
    content: "\e607";
}

.icon-arrow-down:before {
    content: "\e608";
}

.icon-arrow-left:before {
    content: "\e609";
}

.icon-arrow-right:before {
    content: "\e60a";
}

.icon-arrow-up:before {
    content: "\e60b";
}

.icon-backup:before {
    content: "\e60c";
}

.icon-bell:before {
    content: "\e60d";
}

.icon-buy:before {
    content: "\e60e";
}

.icon-calendar:before {
    content: "\e60f";
}

.icon-cdn-2:before {
    content: "\e610";
}

.icon-cdn:before {
    content: "\e611";
}

.icon-cdp:before {
    content: "\e612";
}

.icon-clock:before {
    content: "\e613";
}

.icon-cloudisk:before {
    content: "\e614";
}

.icon-cloudisk2:before {
    content: "\e615";
}

.icon-db-g:before {
    content: "\e616";
}

.icon-db-r:before {
    content: "\e617";
}

.icon-db-sign:before {
    content: "\e618";
}

.icon-db-t:before {
    content: "\e619";
}

.icon-db:before {
    content: "\e61a";
}

.icon-ddos-2:before {
    content: "\e61b";
}

.icon-ddos:before {
    content: "\e61c";
}

.icon-detail-2:before {
    content: "\e61d";
}

.icon-detail:before {
    content: "\e61e";
}

.icon-disk-image:before {
    content: "\e61f";
}

.icon-down:before {
    content: "\e620";
}

.icon-dpc-2:before {
    content: "\e621";
}

.icon-dpc:before {
    content: "\e622";
}

.icon-drds-2:before {
    content: "\e623";
}

.icon-drds:before {
    content: "\e624";
}

.icon-ecs-2:before {
    content: "\e625";
}

.icon-ecs:before {
    content: "\e626";
}

.icon-ess-2:before {
    content: "\e627";
}

.icon-ess:before {
    content: "\e628";
}

.icon-exec-snapshot-policy:before {
    content: "\e629";
}

.icon-goback:before {
    content: "\e62a";
}

.icon-graphs:before {
    content: "\e62b";
}

.icon-help-1:before {
    content: "\e62c";
}

.icon-help-2:before {
    content: "\e62d";
}

.icon-help:before {
    content: "\e62e";
}

.icon-home:before {
    content: "\e62f";
}

.icon-info-1:before {
    content: "\e630";
}

.icon-info-2:before {
    content: "\e631";
}

.icon-info:before {
    content: "\e632";
}

.icon-invite:before {
    content: "\e633";
}

.icon-jiankong-2:before {
    content: "\e634";
}

.icon-lightcloud-2:before {
    content: "\e636";
}

.icon-lightcloud:before {
    content: "\e637";
}

.icon-log:before {
    content: "\e638";
}

.icon-logo:before {
    content: "\e639";
}

.icon-menu:before {
    content: "\e63c";
}

.icon-mqs-2:before {
    content: "\e63d";
}

.icon-mqs:before {
    content: "\e63e";
}

.icon-mts:before {
    content: "\e63f";
}

.icon-narrow:before {
    content: "\e640";
}

.icon-no-1:before {
    content: "\e641";
}

.icon-no-2:before {
    content: "\e642";
}

.icon-no:before {
    content: "\e643";
}

.icon-oas-2:before {
    content: "\e644";
}

.icon-oas:before {
    content: "\e645";
}

.icon-ocs-2:before {
    content: "\e646";
}

.icon-ocs:before {
    content: "\e647";
}

.icon-odps-2:before {
    content: "\e648";
}

.icon-odps:before {
    content: "\e649";
}

.icon-ons-2:before {
    content: "\e64a";
}

.icon-ons:before {
    content: "\e64b";
}

.icon-opensearch-2:before {
    content: "\e64c";
}

.icon-opensearch:before {
    content: "\e64d";
}

.icon-oss-2:before {
    content: "\e64e";
}

.icon-oss:before {
    content: "\e64f";
}

.icon-ots-2:before {
    content: "\e650";
}

.icon-ots:before {
    content: "\e651";
}

.icon-pen:before {
    content: "\e652";
}

.icon-performance:before {
    content: "\e653";
}

.icon-pts-2:before {
    content: "\e654";
}

.icon-pts:before {
    content: "\e655";
}

.icon-ram-2:before {
    content: "\e656";
}

.icon-ram:before {
    content: "\e657";
}

.icon-rds-2:before {
    content: "\e658";
}

.icon-rds:before {
    content: "\e659";
}

.icon-regional:before {
    content: "\e65a";
}

.icon-remove-1:before {
    content: "\e65b";
}

.icon-remove-2:before {
    content: "\e65c";
}

.icon-remove:before {
    content: "\e65d";
}

.icon-renew-mgt:before {
    content: "\e65e";
}

.icon-safe-lock:before {
    content: "\e65f";
}

.icon-safetycontrol:before {
    content: "\e660";
}

.icon-search:before {
    content: "\e661";
}

.icon-setup:before {
    content: "\e662";
}

.icon-shift-in:before {
    content: "\e663";
}

.icon-slb-2:before {
    content: "\e664";
}

.icon-slb:before {
    content: "\e665";
}

.icon-sls-2:before {
    content: "\e666";
}

.icon-sls:before {
    content: "\e667";
}

.icon-snapshot:before {
    content: "\e668";
}

.icon-text-free:before {
    content: "\e669";
}

.icon-threshold:before {
    content: "\e66a";
}

.icon-tree:before {
    content: "\e66b";
}

.icon-unlock:before {
    content: "\e66c";
}

.icon-up:before {
    content: "\e66d";
}

.icon-updown:before {
    content: "\e66e";
}

.icon-viewtable:before {
    content: "\e66f";
}

.icon-vpc-2:before {
    content: "\e670";
}

.icon-vpc:before {
    content: "\e671";
}

.icon-warning-1:before {
    content: "\e672";
}

.icon-warning-2:before {
    content: "\e673";
}

.icon-warning:before {
    content: "\e674";
}

.icon-weekly:before {
    content: "\e675";
}

.icon-yes-1:before {
    content: "\e676";
}

.icon-yes-2:before {
    content: "\e677";
}

.icon-yes:before {
    content: "\e678";
}

.icon-yundun-2:before {
    content: "\e679";
}

.icon-yundun:before {
    content: "\e67a";
}

.icon-yunjiankong:before {
    content: "\e67b";
}

.icon-annex:before {
    content: "\e67c";
}

.icon-renew:before {
    content: "\e67d";
}

.icon-renew-2:before {
    content: "\e67e";
}

.icon-plus-border:before {
    content: "\e67f";
}

.icon-wo-domain:before {
    content: "\e680";
}

.icon-wo-email:before {
    content: "\e681";
}

.icon-wo-host:before {
    content: "\e682";
}

.icon-wo-sitebuild:before {
    content: "\e683";
}

.icon-wo-salepre:before {
    content: "\e684";
}

.icon-wo-beian:before {
    content: "\e685";
}

.icon-wo-account:before {
    content: "\e686";
}

.icon-wo-finance:before {
    content: "\e687";
}

.icon-square:before {
    content: "\e688";
}

.icon-left:before {
    content: "\e689";
}

.icon-upload:before {
    content: "\e68a";
}

.icon-list-open:before {
    content: "\e68b";
}

.icon-pause:before {
    content: "\e68c";
}

.icon-list-close:before {
    content: "\e68d";
}

.icon-circle:before {
    content: "\e68e";
}

.icon-refresh:before {
    content: "\e68f";
}

.icon-return:before {
    content: "\e690";
}

.icon-undo:before {
    content: "\e691";
}

.icon-alipay:before {
    content: "\e692";
}

.icon-auto-renew:before {
    content: "\e693";
}

.icon-mobile:before {
    content: "\e694";
}

.icon-account:before {
    content: "\e695";
}

.icon-services:before {
    content: "\e696";
}

.icon-expense:before {
    content: "\e697";
}

.icon-redisa-2:before {
    content: "\e698";
}

.icon-redisa:before {
    content: "\e699";
}

.icon-ddos-3:before {
    content: "\e69a";
}

.icon-redisa-3:before {
    content: "\e69b";
}

.icon-toolsimage-2:before {
    content: "\e69c";
}

.icon-cdp-2:before {
    content: "\e69d";
}

.icon-mts-2:before {
    content: "\e69e";
}

.icon-toolsimage:before {
    content: "\e69f";
}

.icon-toolsimage-3:before {
    content: "\e6a0";
}

.icon-ons-3:before {
    content: "\e6a1";
}

.icon-ram-3:before {
    content: "\e6a2";
}

.icon-yundun-3:before {
    content: "\e6a3";
}

.icon-pts-3:before {
    content: "\e6a4";
}

.icon-mts-3:before {
    content: "\e6a5";
}

.icon-mqs-3:before {
    content: "\e6a6";
}

.icon-drds-3:before {
    content: "\e6a7";
}

.icon-cdp-3:before {
    content: "\e6a8";
}

.icon-dpc-3:before {
    content: "\e6a9";
}

.icon-ads-3:before {
    content: "\e6aa";
}

.icon-jiankong-3:before {
    content: "\e6ab";
}

.icon-vpc-3:before {
    content: "\e6ac";
}

.icon-slb-3:before {
    content: "\e6ad";
}

.icon-rds-3:before {
    content: "\e6ae";
}

.icon-ots-3:before {
    content: "\e6af";
}

.icon-oss-3:before {
    content: "\e6b0";
}

.icon-ess-3:before {
    content: "\e6b1";
}

.icon-opensearch-3:before {
    content: "\e6b2";
}

.icon-odps-3:before {
    content: "\e6b3";
}

.icon-ocs-3:before {
    content: "\e6b4";
}

.icon-oas-3:before {
    content: "\e6b5";
}

.icon-lightcloud-3:before {
    content: "\e6b6";
}

.icon-cdn-3:before {
    content: "\e6b7";
}

.icon-ace-3:before {
    content: "\e6b8";
}

.icon-sls-3:before {
    content: "\e6b9";
}

.icon-ecs-3:before {
    content: "\e6ba";
}

.modal-content {
    border-radius: 0px;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}

.modal-footer {
    margin-top: 0px;
}

.modal-title {
    font-size: 14px;
}

.modal-header .close {
    font-size: 28px;
    margin-top: -8px;
    font-weight: normal;
}

.modal-backdrop {
    background-color: #FFF;
}

.console-message-dialog .modal-body .lead {
    font-size: 16px;
}

.console-message-dialog .modal-body p {
    margin-top: 6px;
}

.nav-tabs>li>a,.nav-tabs.nav-justified>li>a {
    border-radius: 0px 0px 0px 0px;
}

.nav-tabs {
    border-color: #ddd;
}

.nav-tabs>li {
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
}

.nav-tabs>li>a,.nav-tabs>li>a:focus {
    color: #666;
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    padding: 10px 16px;
    background: #FBFAF8;
    border-bottom: 0px;
}

.nav-tabs>li.active {
    border-top: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    border-top: 2px solid #00a2ca;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333;
}

.nav-tabs>li>a:hover {
    background-color: #FFF;
    color: #09C;
}

.nav-tabs .open>a,.nav-tabs .open>a:hover,.nav-tabs .open>a:focus {
    color: #000;
    background-color: #FAFAFA;
    border-color: #EEE;
}

.nav-tabs.nav-justified>li:first-child {
    border-left: 1px solid #ddd;
}

.nav-tabs.nav-justified>li {
    border-top: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
}

.nav-tabs.nav-justified>li>a {
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    background-color: #fbfaf8;
    border-bottom: 1px solid #ddd;
}

.nav-tabs.nav-justified>li>a:hover {
    color: #09C;
    background-color: #FFF;
}

.nav-tabs.nav-justified>li.active {
    border-top: 0px;
    z-index: 3;
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border-top: 2px solid #00a2ca;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333;
    background-color: #FFF;
}

.nav-pills li a,.nav-pills li a:focus,.nav-pills li button,.nav-pills li button:focus {
    padding: 6px 12px;
    border-radius: 0px;
    border: 1px solid #D9DEE4;
    background-color: #D9DEE4;
    color: #666;
    line-height: 20px;
    height: 32px;
    margin-left: 2px;
}

.nav-pills li a:hover,.nav-pills li a:focus:hover,.nav-pills li button:hover,.nav-pills li button:focus:hover {
    border: 1px solid #D9DEE4;
    background-color: #DCE2E7;
    color: #444;
}

.nav-pills li.active a,.nav-pills li.active a:hover,.nav-pills li.active a:focus,.nav-pills li.active button,.nav-pills li.active button:hover,.nav-pills li.active button:focus {
    border: 1px solid #546478;
    background-color: #546478;
    color: #FFFFFF;
}

.c-texttrimmer-pen {
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    margin-left: 6px;
}

.c-texttrimmer-box {
    position: absolute;
    padding: 16px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.c-texttrimmer-box:focus {
    outline: none;
}

.c-texttrimmer-box p {
    margin: 0 0 10px;
}

.c-texttrimmer-box p.c-texttrimmer-tip {
    color: red;
}

.c-texttrimmer-box .c-texttrimmer-btnbox a {
    margin-right: 8px;
}

.modal,.modal-open {
    overflow: auto;
    overflow-y: auto;
}

.console-helper {
    position: absolute;
    height: 100%;
    width: 400px;
    right: 0px;
    top: 32px;
    z-index: 1000;
    border: 1px solid #eee;
    background: #fff;
    border-left: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    position: fixed;
}

.console-helper-animation {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.console-helper-folded {
    right: -400px;
}

.console-helper-folded .console-helper-head .console-helper-button {
    margin-left: -44px;
}

.console-helper-head {
    height: 56px;
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

.console-helper-head .console-helper-button {
    float: left;
    background: url(../img/aliyunhelper-icon.png) center center no-repeat;
    height: 32px;
    width: 32px;
    margin: 12px;
    cursor: pointer;
    opacity: 0.6;
}

.console-helper-head .console-helper-button:hover {
    opacity: 1;
}

.console-helper-head .console-helper-title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    margin: 12px 0;
    color: #333;
}

.console-helper-body .console-helper-nav {
    border-bottom: 1px solid #dddddd;
    margin: 0 20px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    padding: 0;
}

.console-helper-body .console-helper-nav li {
    float: left;
    padding: 12px;
}

.console-helper-body .console-helper-nav li a {
    color: #666;
}

.console-helper-body .console-helper-nav li a:hover {
    color: #000;
}

.console-helper-body .console-helper-nav li.active {
    border-bottom: 2px solid #999;
}

.console-helper-body .console-helper-panel-list .console-helper-panel {
    margin: 20px;
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-search {
    height: 32px;
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-recommend ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.console-helper-foot {
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee;
}

.console-helper-foot .console-helper-service {
    overflow: hidden;
    zoom: 1;
    height: 32px;
    margin: 12px;
    list-style: none;
}

.console-helper-foot .console-helper-service li {
    width: 48%;
    float: left;
}

.console-helper-foot .console-helper-service li p {
    margin: 0;
    color: #666;
}

.console-helper-foot .console-helper-service li p a {
    color: #666;
}

.console-helper-foot .console-helper-service li p a:hover {
    text-decoration: underline;
}

.growl {
    z-index: 9999999;
    top: 50px;
    width: 260px;
}

.alert-success {
    color: #090;
    background-color: #F2FFEA;
    border-color: #C7DDB9;
}

.alert-success .alert-link {
    color: #063;
    font-weight: normal;
}

.alert-info {
    color: #555;
    background-color: #F9F9F9;
    border-color: #DDD;
}

.alert-info .alert-link {
    color: #06C;
    font-weight: normal;
}

.alert-warning {
    color: #f68300;
    background-color: #FCF8E2;
    border-color: #FBECCB;
}

.alert-warning .alert-link {
    color: #c50;
    font-weight: normal;
}

.alert-danger {
    color: #ee2117;
}

.alert-danger .alert-link {
    color: #b00;
    font-weight: normal;
}

.alert .close {
    margin-top: -5px;
}

.alert ul {
    padding-left: 16px;
}

.product-icons-32,.product-icons-48,.product-icons-64 {
    background-repeat: no-repeat;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url(aliyun-logo/product.icons.png);
    background-image: -webkit-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -moz-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -ms-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -os-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
}

.product-icons-32 {
    width: 32px;
    height: 32px;
}

.product-icons-48 {
    width: 48px;
    height: 48px;
}

.product-icons-64 {
    width: 64px;
    height: 64px;
}

.product-icons-32.product-icons-ace-grey {
    background-position: -448px -1088px !important;
}

.product-icons-32.product-icons-ace {
    background-position: -800px -1024px !important;
}

.product-icons-48.product-icons-ace-grey {
    background-position: -192px -832px !important;
}

.product-icons-48.product-icons-ace {
    background-position: -720px -880px !important;
}

.product-icons-64.product-icons-ace-grey {
    background-position: -576px -128px !important;
}

.product-icons-64.product-icons-ace {
    background-position: 0px -64px !important;
}

.product-icons-32.product-icons-actiontrail-grey {
    background-position: -416px -1088px !important;
}

.product-icons-32.product-icons-actiontrail {
    background-position: -384px -1088px !important;
}

.product-icons-48.product-icons-actiontrail-grey {
    background-position: -976px -288px !important;
}

.product-icons-48.product-icons-actiontrail {
    background-position: -432px -976px !important;
}

.product-icons-64.product-icons-actiontrail-grey {
    background-position: -128px 0px !important;
}

.product-icons-64.product-icons-actiontrail {
    background-position: -128px -64px !important;
}

.product-icons-32.product-icons-ads-grey {
    background-position: -352px -1088px !important;
}

.product-icons-32.product-icons-ads {
    background-position: -256px -1088px !important;
}

.product-icons-48.product-icons-ads-grey {
    background-position: -768px -880px !important;
}

.product-icons-48.product-icons-ads {
    background-position: -928px -384px !important;
}

.product-icons-64.product-icons-ads-grey {
    background-position: -64px -128px !important;
}

.product-icons-64.product-icons-ads {
    background-position: -128px -128px !important;
}

.product-icons-32.product-icons-aegis-grey {
    background-position: -224px -1088px !important;
}

.product-icons-32.product-icons-aegis {
    background-position: -192px -1088px !important;
}

.product-icons-48.product-icons-aegis-grey {
    background-position: -688px -768px !important;
}

.product-icons-48.product-icons-aegis {
    background-position: -832px -96px !important;
}

.product-icons-64.product-icons-aegis-grey {
    background-position: -192px -64px !important;
}

.product-icons-64.product-icons-aegis {
    background-position: -192px -128px !important;
}

.product-icons-32.product-icons-antifraud-grey {
    background-position: -160px -1088px !important;
}

.product-icons-32.product-icons-antifraud {
    background-position: -64px -1088px !important;
}

.product-icons-48.product-icons-antifraud-grey {
    background-position: -880px -480px !important;
}

.product-icons-48.product-icons-antifraud {
    background-position: -880px -720px !important;
}

.product-icons-64.product-icons-antifraud-grey {
    background-position: -64px -192px !important;
}

.product-icons-64.product-icons-antifraud {
    background-position: -128px -192px !important;
}

.product-icons-32.product-icons-api-grey {
    background-position: -32px -1088px !important;
}

.product-icons-32.product-icons-api {
    background-position: 0px -1088px !important;
}

.product-icons-48.product-icons-api-grey {
    background-position: -96px -928px !important;
}

.product-icons-48.product-icons-api {
    background-position: -192px -928px !important;
}

.product-icons-64.product-icons-api-grey {
    background-position: -256px 0px !important;
}

.product-icons-64.product-icons-api {
    background-position: -256px -64px !important;
}

.product-icons-32.product-icons-apigateway-grey {
    background-position: -1104px -1056px !important;
}

.product-icons-32.product-icons-apigateway {
    background-position: -1104px -960px !important;
}

.product-icons-48.product-icons-apigateway-grey {
    background-position: -480px -976px !important;
}

.product-icons-48.product-icons-apigateway {
    background-position: -576px -976px !important;
}

.product-icons-64.product-icons-apigateway-grey {
    background-position: -256px -192px !important;
}

.product-icons-64.product-icons-apigateway {
    background-position: 0px -256px !important;
}

.product-icons-32.product-icons-aps-grey {
    background-position: -1104px -928px !important;
}

.product-icons-32.product-icons-aps {
    background-position: -1104px -896px !important;
}

.product-icons-48.product-icons-aps-grey {
    background-position: -832px -432px !important;
}

.product-icons-48.product-icons-aps {
    background-position: -832px -528px !important;
}

.product-icons-64.product-icons-aps-grey {
    background-position: -128px -256px !important;
}

.product-icons-64.product-icons-aps {
    background-position: -192px -256px !important;
}

.product-icons-32.product-icons-ats-grey {
    background-position: -1104px -864px !important;
}

.product-icons-32.product-icons-ats {
    background-position: -1104px -768px !important;
}

.product-icons-48.product-icons-ats-grey {
    background-position: -768px -832px !important;
}

.product-icons-48.product-icons-ats {
    background-position: -880px 0px !important;
}

.product-icons-64.product-icons-ats-grey {
    background-position: -320px 0px !important;
}

.product-icons-64.product-icons-ats {
    background-position: -320px -64px !important;
}

.product-icons-32.product-icons-batchcompute-grey {
    background-position: -1104px -736px !important;
}

.product-icons-32.product-icons-batchcompute {
    background-position: -1104px -704px !important;
}

.product-icons-48.product-icons-batchcompute-grey {
    background-position: -192px -880px !important;
}

.product-icons-48.product-icons-batchcompute {
    background-position: -288px -880px !important;
}

.product-icons-64.product-icons-batchcompute-grey {
    background-position: -320px -192px !important;
}

.product-icons-64.product-icons-batchcompute {
    background-position: -320px -256px !important;
}

.product-icons-32.product-icons-cas-grey {
    background-position: -1104px -672px !important;
}

.product-icons-32.product-icons-cas {
    background-position: -1104px -576px !important;
}

.product-icons-48.product-icons-cas-grey {
    background-position: -928px -432px !important;
}

.product-icons-48.product-icons-cas {
    background-position: -928px -480px !important;
}

.product-icons-64.product-icons-cas-grey {
    background-position: -64px -320px !important;
}

.product-icons-64.product-icons-cas {
    background-position: -128px -320px !important;
}

.product-icons-32.product-icons-cdi-grey {
    background-position: -1104px -544px !important;
}

.product-icons-32.product-icons-cdi {
    background-position: -1104px -512px !important;
}

.product-icons-48.product-icons-cdi-grey {
    background-position: -672px -928px !important;
}

.product-icons-48.product-icons-cdi {
    background-position: -720px -928px !important;
}

.product-icons-64.product-icons-cdi-grey {
    background-position: -256px -320px !important;
}

.product-icons-64.product-icons-cdi {
    background-position: -320px -320px !important;
}

.product-icons-32.product-icons-cdn-grey {
    background-position: -1104px -480px !important;
}

.product-icons-32.product-icons-cdn {
    background-position: -1104px -384px !important;
}

.product-icons-48.product-icons-cdn-grey {
    background-position: -976px -864px !important;
}

.product-icons-48.product-icons-cdn {
    background-position: -976px -912px !important;
}

.product-icons-64.product-icons-cdn-grey {
    background-position: -384px -64px !important;
}

.product-icons-64.product-icons-cdn {
    background-position: -384px -128px !important;
}

.product-icons-32.product-icons-cdp-grey {
    background-position: -1104px -352px !important;
}

.product-icons-32.product-icons-cdp {
    background-position: -1104px -320px !important;
}

.product-icons-48.product-icons-cdp-grey {
    background-position: -1024px -48px !important;
}

.product-icons-48.product-icons-cdp {
    background-position: -1024px -96px !important;
}

.product-icons-64.product-icons-cdp-grey {
    background-position: -384px -256px !important;
}

.product-icons-64.product-icons-cdp {
    background-position: -384px -320px !important;
}

.product-icons-32.product-icons-cli-grey {
    background-position: -1104px -288px !important;
}

.product-icons-32.product-icons-cli {
    background-position: -1104px -192px !important;
}

.product-icons-48.product-icons-cli-grey {
    background-position: -832px -144px !important;
}

.product-icons-48.product-icons-cli {
    background-position: -832px -192px !important;
}

.product-icons-64.product-icons-cli-grey {
    background-position: -64px -384px !important;
}

.product-icons-64.product-icons-cli {
    background-position: -128px -384px !important;
}

.product-icons-32.product-icons-containerservice-grey {
    background-position: -1104px -160px !important;
}

.product-icons-32.product-icons-containerservice {
    background-position: -1104px -128px !important;
}

.product-icons-48.product-icons-containerservice-grey {
    background-position: -832px -720px !important;
}

.product-icons-48.product-icons-containerservice {
    background-position: -832px -768px !important;
}

.product-icons-64.product-icons-containerservice-grey {
    background-position: -256px -384px !important;
}

.product-icons-64.product-icons-containerservice {
    background-position: -320px -384px !important;
}

.product-icons-32.product-icons-cps-grey {
    background-position: -1104px -96px !important;
}

.product-icons-32.product-icons-cps {
    background-position: -1104px 0px !important;
}

.product-icons-48.product-icons-cps-grey {
    background-position: -480px -832px !important;
}

.product-icons-48.product-icons-cps {
    background-position: -528px -832px !important;
}

.product-icons-64.product-icons-cps-grey {
    background-position: -448px 0px !important;
}

.product-icons-64.product-icons-cps {
    background-position: -448px -64px !important;
}

.product-icons-32.product-icons-csb-grey {
    background-position: -1056px -1056px !important;
}

.product-icons-32.product-icons-csb {
    background-position: -1024px -1056px !important;
}

.product-icons-48.product-icons-csb-grey {
    background-position: -880px -192px !important;
}

.product-icons-48.product-icons-csb {
    background-position: -880px -240px !important;
}

.product-icons-64.product-icons-csb-grey {
    background-position: -448px -192px !important;
}

.product-icons-64.product-icons-csb {
    background-position: -448px -256px !important;
}

.product-icons-32.product-icons-ddos-grey {
    background-position: -992px -1056px !important;
}

.product-icons-32.product-icons-ddos {
    background-position: -896px -1056px !important;
}

.product-icons-48.product-icons-ddos-grey {
    background-position: -880px -768px !important;
}

.product-icons-48.product-icons-ddos {
    background-position: -880px -816px !important;
}

.product-icons-64.product-icons-ddos-grey {
    background-position: -448px -384px !important;
}

.product-icons-64.product-icons-ddos {
    background-position: 0px -448px !important;
}

.product-icons-32.product-icons-ddosbasic-grey {
    background-position: -864px -1056px !important;
}

.product-icons-32.product-icons-ddosbasic {
    background-position: -832px -1056px !important;
}

.product-icons-48.product-icons-ddosbasic-grey {
    background-position: -480px -880px !important;
}

.product-icons-48.product-icons-ddosbasic {
    background-position: -528px -880px !important;
}

.product-icons-64.product-icons-ddosbasic-grey {
    background-position: -128px -448px !important;
}

.product-icons-64.product-icons-ddosbasic {
    background-position: -192px -448px !important;
}

.product-icons-32.product-icons-dfs-grey {
    background-position: -800px -1056px !important;
}

.product-icons-32.product-icons-dfs {
    background-position: -704px -1056px !important;
}

.product-icons-48.product-icons-dfs-grey {
    background-position: -928px -144px !important;
}

.product-icons-48.product-icons-dfs {
    background-position: -928px -192px !important;
}

.product-icons-64.product-icons-dfs-grey {
    background-position: -320px -448px !important;
}

.product-icons-64.product-icons-dfs {
    background-position: -384px -448px !important;
}

.product-icons-32.product-icons-directmail-grey {
    background-position: -672px -1056px !important;
}

.product-icons-32.product-icons-directmail {
    background-position: -640px -1056px !important;
}

.product-icons-48.product-icons-directmail-grey {
    background-position: -928px -672px !important;
}

.product-icons-48.product-icons-directmail {
    background-position: -928px -720px !important;
}

.product-icons-64.product-icons-directmail-grey {
    background-position: -512px 0px !important;
}

.product-icons-64.product-icons-directmail {
    background-position: -512px -64px !important;
}

.product-icons-32.product-icons-disk-grey {
    background-position: -608px -1056px !important;
}

.product-icons-32.product-icons-disk {
    background-position: -512px -1056px !important;
}

.product-icons-48.product-icons-disk-grey {
    background-position: -336px -928px !important;
}

.product-icons-48.product-icons-disk {
    background-position: -384px -928px !important;
}

.product-icons-64.product-icons-disk-grey {
    background-position: -512px -192px !important;
}

.product-icons-64.product-icons-disk {
    background-position: -512px -256px !important;
}

.product-icons-32.product-icons-dms-grey {
    background-position: -480px -1056px !important;
}

.product-icons-32.product-icons-dms {
    background-position: -448px -1056px !important;
}

.product-icons-48.product-icons-dms-grey {
    background-position: -912px -928px !important;
}

.product-icons-48.product-icons-dms {
    background-position: -976px 0px !important;
}

.product-icons-64.product-icons-dms-grey {
    background-position: -512px -384px !important;
}

.product-icons-64.product-icons-dms {
    background-position: -512px -448px !important;
}

.product-icons-32.product-icons-dpc-grey {
    background-position: -416px -1056px !important;
}

.product-icons-32.product-icons-dpc {
    background-position: -320px -1056px !important;
}

.product-icons-48.product-icons-dpc-grey {
    background-position: -976px -528px !important;
}

.product-icons-48.product-icons-dpc {
    background-position: -976px -576px !important;
}

.product-icons-64.product-icons-dpc-grey {
    background-position: -64px -512px !important;
}

.product-icons-64.product-icons-dpc {
    background-position: -128px -512px !important;
}

.product-icons-32.product-icons-drds-grey {
    background-position: -288px -1056px !important;
}

.product-icons-32.product-icons-drds {
    background-position: -256px -1056px !important;
}

.product-icons-48.product-icons-drds-grey {
    background-position: -144px -976px !important;
}

.product-icons-48.product-icons-drds {
    background-position: -192px -976px !important;
}

.product-icons-64.product-icons-drds-grey {
    background-position: -256px -512px !important;
}

.product-icons-64.product-icons-drds {
    background-position: -320px -512px !important;
}

.product-icons-32.product-icons-dsi-grey {
    background-position: -224px -1056px !important;
}

.product-icons-32.product-icons-dsi {
    background-position: -128px -1056px !important;
}

.product-icons-48.product-icons-dsi-grey {
    background-position: -720px -976px !important;
}

.product-icons-48.product-icons-dsi {
    background-position: -768px -976px !important;
}

.product-icons-64.product-icons-dsi-grey {
    background-position: -448px -512px !important;
}

.product-icons-64.product-icons-dsi {
    background-position: -512px -512px !important;
}

.product-icons-32.product-icons-dts-grey {
    background-position: -96px -1056px !important;
}

.product-icons-32.product-icons-dts {
    background-position: -64px -1056px !important;
}

.product-icons-48.product-icons-dts-grey {
    background-position: -1024px -288px !important;
}

.product-icons-48.product-icons-dts {
    background-position: -1024px -336px !important;
}

.product-icons-64.product-icons-dts-grey {
    background-position: -576px -64px !important;
}

.product-icons-64.product-icons-dts {
    background-position: 0px 0px !important;
}

.product-icons-32.product-icons-eclipse-grey {
    background-position: -32px -1056px !important;
}

.product-icons-32.product-icons-eclipse {
    background-position: -1072px -992px !important;
}

.product-icons-48.product-icons-eclipse-grey {
    background-position: -832px 0px !important;
}

.product-icons-48.product-icons-eclipse {
    background-position: -832px -48px !important;
}

.product-icons-64.product-icons-eclipse-grey {
    background-position: -576px -256px !important;
}

.product-icons-64.product-icons-eclipse {
    background-position: -576px -320px !important;
}

.product-icons-32.product-icons-ecs-grey {
    background-position: -1072px -960px !important;
}

.product-icons-32.product-icons-ecs {
    background-position: -1072px -928px !important;
}

.product-icons-48.product-icons-ecs-grey {
    background-position: -832px -288px !important;
}

.product-icons-48.product-icons-ecs {
    background-position: -832px -336px !important;
}

.product-icons-64.product-icons-ecs-grey {
    background-position: -576px -448px !important;
}

.product-icons-64.product-icons-ecs {
    background-position: -576px -512px !important;
}

.product-icons-32.product-icons-edas-grey {
    background-position: -1072px -896px !important;
}

.product-icons-32.product-icons-edas {
    background-position: -1072px -800px !important;
}

.product-icons-48.product-icons-edas-grey {
    background-position: -832px -576px !important;
}

.product-icons-48.product-icons-edas {
    background-position: -832px -624px !important;
}

.product-icons-64.product-icons-edas-grey {
    background-position: -64px -576px !important;
}

.product-icons-64.product-icons-edas {
    background-position: -128px -576px !important;
}

.product-icons-32.product-icons-elp-grey {
    background-position: -1072px -768px !important;
}

.product-icons-32.product-icons-elp {
    background-position: -1072px -736px !important;
}

.product-icons-48.product-icons-elp-grey {
    background-position: -48px -832px !important;
}

.product-icons-48.product-icons-elp {
    background-position: -96px -832px !important;
}

.product-icons-64.product-icons-elp-grey {
    background-position: -256px -576px !important;
}

.product-icons-64.product-icons-elp {
    background-position: -320px -576px !important;
}

.product-icons-32.product-icons-emapreduce-grey {
    background-position: -1072px -704px !important;
}

.product-icons-32.product-icons-emapreduce {
    background-position: -1072px -608px !important;
}

.product-icons-48.product-icons-emapreduce-grey {
    background-position: -336px -832px !important;
}

.product-icons-48.product-icons-emapreduce {
    background-position: -384px -832px !important;
}

.product-icons-64.product-icons-emapreduce-grey {
    background-position: -448px -576px !important;
}

.product-icons-64.product-icons-emapreduce {
    background-position: -512px -576px !important;
}

.product-icons-32.product-icons-esn-grey {
    background-position: -1072px -576px !important;
}

.product-icons-32.product-icons-esn {
    background-position: -1072px -544px !important;
}

.product-icons-48.product-icons-esn-grey {
    background-position: -624px -832px !important;
}

.product-icons-48.product-icons-esn {
    background-position: -672px -832px !important;
}

.product-icons-64.product-icons-esn-grey {
    background-position: -640px 0px !important;
}

.product-icons-64.product-icons-esn {
    background-position: -640px -64px !important;
}

.product-icons-32.product-icons-ess-grey {
    background-position: -1072px -512px !important;
}

.product-icons-32.product-icons-ess {
    background-position: -1072px -416px !important;
}

.product-icons-48.product-icons-ess-grey {
    background-position: -880px -48px !important;
}

.product-icons-48.product-icons-ess {
    background-position: -880px -96px !important;
}

.product-icons-64.product-icons-ess-grey {
    background-position: -640px -192px !important;
}

.product-icons-64.product-icons-ess {
    background-position: -640px -256px !important;
}

.product-icons-32.product-icons-expressconnect-grey {
    background-position: -1072px -384px !important;
}

.product-icons-32.product-icons-expressconnect {
    background-position: -1072px -352px !important;
}

.product-icons-48.product-icons-expressconnect-grey {
    background-position: -880px -336px !important;
}

.product-icons-48.product-icons-expressconnect {
    background-position: -880px -384px !important;
}

.product-icons-64.product-icons-expressconnect-grey {
    background-position: -640px -384px !important;
}

.product-icons-64.product-icons-expressconnect {
    background-position: -640px -448px !important;
}

.product-icons-32.product-icons-havip-grey {
    background-position: -1072px -320px !important;
}

.product-icons-32.product-icons-havip {
    background-position: -1072px -224px !important;
}

.product-icons-48.product-icons-havip-grey {
    background-position: -880px -624px !important;
}

.product-icons-48.product-icons-havip {
    background-position: -880px -672px !important;
}

.product-icons-64.product-icons-havip-grey {
    background-position: -640px -576px !important;
}

.product-icons-64.product-icons-havip {
    background-position: 0px -640px !important;
}

.product-icons-32.product-icons-hpc-grey {
    background-position: -1072px -192px !important;
}

.product-icons-32.product-icons-hpc {
    background-position: -1072px -160px !important;
}

.product-icons-48.product-icons-hpc-grey {
    background-position: -48px -880px !important;
}

.product-icons-48.product-icons-hpc {
    background-position: -96px -880px !important;
}

.product-icons-64.product-icons-hpc-grey {
    background-position: -128px -640px !important;
}

.product-icons-64.product-icons-hpc {
    background-position: -192px -640px !important;
}

.product-icons-32.product-icons-hsm-grey {
    background-position: -1072px -128px !important;
}

.product-icons-32.product-icons-hsm {
    background-position: -1072px -32px !important;
}

.product-icons-48.product-icons-hsm-grey {
    background-position: -336px -880px !important;
}

.product-icons-48.product-icons-hsm {
    background-position: -384px -880px !important;
}

.product-icons-64.product-icons-hsm-grey {
    background-position: -320px -640px !important;
}

.product-icons-64.product-icons-hsm {
    background-position: -384px -640px !important;
}

.product-icons-32.product-icons-iot-grey {
    background-position: -1072px 0px !important;
}

.product-icons-32.product-icons-iot {
    background-position: -1024px -1024px !important;
}

.product-icons-48.product-icons-iot-grey {
    background-position: -624px -880px !important;
}

.product-icons-48.product-icons-iot {
    background-position: -672px -880px !important;
}

.product-icons-64.product-icons-iot-grey {
    background-position: -512px -640px !important;
}

.product-icons-64.product-icons-iot {
    background-position: -576px -640px !important;
}

.product-icons-32.product-icons-jiankong-grey {
    background-position: -992px -1024px !important;
}

.product-icons-32.product-icons-jiankong {
    background-position: -896px -1024px !important;
}

.product-icons-48.product-icons-jiankong-grey {
    background-position: -928px 0px !important;
}

.product-icons-48.product-icons-jiankong {
    background-position: -928px -48px !important;
}

.product-icons-64.product-icons-jiankong-grey {
    background-position: -704px 0px !important;
}

.product-icons-64.product-icons-jiankong {
    background-position: -704px -64px !important;
}

.product-icons-32.product-icons-keyongxingzhongxin-grey {
    background-position: -864px -1024px !important;
}

.product-icons-32.product-icons-keyongxingzhongxin {
    background-position: -832px -1024px !important;
}

.product-icons-48.product-icons-keyongxingzhongxin-grey {
    background-position: -928px -288px !important;
}

.product-icons-48.product-icons-keyongxingzhongxin {
    background-position: -144px -832px !important;
}

.product-icons-64.product-icons-keyongxingzhongxin-grey {
    background-position: -704px -192px !important;
}

.product-icons-64.product-icons-keyongxingzhongxin {
    background-position: -704px -256px !important;
}

.product-icons-32.product-icons-kms-grey {
    background-position: -704px -1024px !important;
}

.product-icons-32.product-icons-kms {
    background-position: -672px -1024px !important;
}

.product-icons-48.product-icons-kms-grey {
    background-position: -928px -576px !important;
}

.product-icons-48.product-icons-kms {
    background-position: -928px -624px !important;
}

.product-icons-64.product-icons-kms-grey {
    background-position: -704px -448px !important;
}

.product-icons-64.product-icons-kms {
    background-position: -704px -512px !important;
}

.product-icons-32.product-icons-kvstore-grey {
    background-position: -640px -1024px !important;
}

.product-icons-32.product-icons-kvstore {
    background-position: -608px -1024px !important;
}

.product-icons-48.product-icons-kvstore-grey {
    background-position: -928px -864px !important;
}

.product-icons-48.product-icons-kvstore {
    background-position: 0px -928px !important;
}

.product-icons-64.product-icons-kvstore-grey {
    background-position: -704px -576px !important;
}

.product-icons-64.product-icons-kvstore {
    background-position: -704px -640px !important;
}

.product-icons-32.product-icons-livevideo-grey {
    background-position: -512px -1024px !important;
}

.product-icons-32.product-icons-livevideo {
    background-position: -480px -1024px !important;
}

.product-icons-48.product-icons-livevideo-grey {
    background-position: -240px -928px !important;
}

.product-icons-48.product-icons-livevideo {
    background-position: -288px -928px !important;
}

.product-icons-64.product-icons-livevideo-grey {
    background-position: -128px -704px !important;
}

.product-icons-64.product-icons-livevideo {
    background-position: -192px -704px !important;
}

.product-icons-32.product-icons-lvwang-grey {
    background-position: -448px -1024px !important;
}

.product-icons-32.product-icons-lvwang {
    background-position: -416px -1024px !important;
}

.product-icons-48.product-icons-lvwang-grey {
    background-position: -528px -928px !important;
}

.product-icons-48.product-icons-lvwang {
    background-position: -576px -928px !important;
}

.product-icons-64.product-icons-lvwang-grey {
    background-position: -256px -704px !important;
}

.product-icons-64.product-icons-lvwang {
    background-position: -320px -704px !important;
}

.product-icons-32.product-icons-mac-grey {
    background-position: -320px -1024px !important;
}

.product-icons-32.product-icons-mac {
    background-position: -288px -1024px !important;
}

.product-icons-48.product-icons-mac-grey {
    background-position: -816px -928px !important;
}

.product-icons-48.product-icons-mac {
    background-position: -864px -928px !important;
}

.product-icons-64.product-icons-mac-grey {
    background-position: -512px -704px !important;
}

.product-icons-64.product-icons-mac {
    background-position: -576px -704px !important;
}

.product-icons-32.product-icons-man-grey {
    background-position: -256px -1024px !important;
}

.product-icons-32.product-icons-man {
    background-position: -224px -1024px !important;
}

.product-icons-48.product-icons-man-grey {
    background-position: -976px -144px !important;
}

.product-icons-48.product-icons-man {
    background-position: -976px -192px !important;
}

.product-icons-64.product-icons-man-grey {
    background-position: -640px -704px !important;
}

.product-icons-64.product-icons-man {
    background-position: -704px -704px !important;
}

.product-icons-32.product-icons-mns-grey {
    background-position: -128px -1024px !important;
}

.product-icons-32.product-icons-mns {
    background-position: -96px -1024px !important;
}

.product-icons-48.product-icons-mns-grey {
    background-position: -976px -432px !important;
}

.product-icons-48.product-icons-mns {
    background-position: -976px -480px !important;
}

.product-icons-64.product-icons-mns-grey {
    background-position: -768px -128px !important;
}

.product-icons-64.product-icons-mns {
    background-position: -768px -192px !important;
}

.product-icons-32.product-icons-mongodb-grey {
    background-position: -64px -1024px !important;
}

.product-icons-32.product-icons-mongodb {
    background-position: -32px -1024px !important;
}

.product-icons-48.product-icons-mongodb-grey {
    background-position: -976px -720px !important;
}

.product-icons-48.product-icons-mongodb {
    background-position: -976px -768px !important;
}

.product-icons-64.product-icons-mongodb-grey {
    background-position: -768px -256px !important;
}

.product-icons-64.product-icons-mongodb {
    background-position: -768px -320px !important;
}

.product-icons-32.product-icons-mqs-grey {
    background-position: -1024px -960px !important;
}

.product-icons-32.product-icons-mqs {
    background-position: -1024px -928px !important;
}

.product-icons-48.product-icons-mqs-grey {
    background-position: -48px -976px !important;
}

.product-icons-48.product-icons-mqs {
    background-position: -96px -976px !important;
}

.product-icons-64.product-icons-mqs-grey {
    background-position: -768px -512px !important;
}

.product-icons-64.product-icons-mqs {
    background-position: -768px -576px !important;
}

.product-icons-32.product-icons-mss-grey {
    background-position: -1024px -896px !important;
}

.product-icons-32.product-icons-mss {
    background-position: -1024px -864px !important;
}

.product-icons-48.product-icons-mss-grey {
    background-position: -336px -976px !important;
}

.product-icons-48.product-icons-mss {
    background-position: -384px -976px !important;
}

.product-icons-64.product-icons-mss-grey {
    background-position: -768px -640px !important;
}

.product-icons-64.product-icons-mss {
    background-position: -768px -704px !important;
}

.product-icons-32.product-icons-mts-grey {
    background-position: -1024px -768px !important;
}

.product-icons-32.product-icons-mts {
    background-position: -1024px -736px !important;
}

.product-icons-48.product-icons-mts-grey {
    background-position: -624px -976px !important;
}

.product-icons-48.product-icons-mts {
    background-position: -672px -976px !important;
}

.product-icons-64.product-icons-mts-grey {
    background-position: -128px -768px !important;
}

.product-icons-64.product-icons-mts {
    background-position: -192px -768px !important;
}

.product-icons-32.product-icons-nas-grey {
    background-position: -1024px -704px !important;
}

.product-icons-32.product-icons-nas {
    background-position: -1024px -672px !important;
}

.product-icons-48.product-icons-nas-grey {
    background-position: -912px -976px !important;
}

.product-icons-48.product-icons-nas {
    background-position: -960px -976px !important;
}

.product-icons-64.product-icons-nas-grey {
    background-position: -256px -768px !important;
}

.product-icons-64.product-icons-nas {
    background-position: -320px -768px !important;
}

.product-icons-32.product-icons-oas-grey {
    background-position: -1024px -576px !important;
}

.product-icons-32.product-icons-oas {
    background-position: -1024px -544px !important;
}

.product-icons-48.product-icons-oas-grey {
    background-position: -1024px -192px !important;
}

.product-icons-48.product-icons-oas {
    background-position: -1024px -240px !important;
}

.product-icons-64.product-icons-oas-grey {
    background-position: -512px -768px !important;
}

.product-icons-64.product-icons-oas {
    background-position: -576px -768px !important;
}

.product-icons-32.product-icons-oceanbase-grey {
    background-position: 0px -1056px !important;
}

.product-icons-32.product-icons-oceanbase {
    background-position: -1024px -512px !important;
}

.product-icons-48.product-icons-oceanbase-grey {
    background-position: -1024px -432px !important;
}

.product-icons-48.product-icons-oceanbase {
    background-position: -1024px -384px !important;
}

.product-icons-64.product-icons-oceanbase-grey {
    background-position: -448px -768px !important;
}

.product-icons-64.product-icons-oceanbase {
    background-position: -384px -768px !important;
}

.product-icons-32.product-icons-ocs-grey {
    background-position: -1024px -608px !important;
}

.product-icons-32.product-icons-ocs {
    background-position: -1024px -640px !important;
}

.product-icons-48.product-icons-ocs-grey {
    background-position: -864px -976px !important;
}

.product-icons-48.product-icons-ocs {
    background-position: -816px -976px !important;
}

.product-icons-64.product-icons-ocs-grey {
    background-position: -64px -768px !important;
}

.product-icons-64.product-icons-ocs {
    background-position: 0px -768px !important;
}

.product-icons-32.product-icons-odps-grey {
    background-position: -1024px -800px !important;
}

.product-icons-32.product-icons-odps {
    background-position: -1024px -832px !important;
}

.product-icons-48.product-icons-odps-grey {
    background-position: -288px -976px !important;
}

.product-icons-48.product-icons-odps {
    background-position: -240px -976px !important;
}

.product-icons-64.product-icons-odps-grey {
    background-position: -768px -448px !important;
}

.product-icons-64.product-icons-odps {
    background-position: -768px -384px !important;
}

.product-icons-32.product-icons-ons-grey {
    background-position: -1024px -992px !important;
}

.product-icons-32.product-icons-ons {
    background-position: 0px -1024px !important;
}

.product-icons-48.product-icons-ons-grey {
    background-position: -976px -672px !important;
}

.product-icons-48.product-icons-ons {
    background-position: -976px -624px !important;
}

.product-icons-64.product-icons-ons-grey {
    background-position: -768px -64px !important;
}

.product-icons-64.product-icons-ons {
    background-position: -768px 0px !important;
}

.product-icons-32.product-icons-opensearch-grey {
    background-position: -160px -1024px !important;
}

.product-icons-32.product-icons-opensearch {
    background-position: -192px -1024px !important;
}

.product-icons-48.product-icons-opensearch-grey {
    background-position: -976px -96px !important;
}

.product-icons-48.product-icons-opensearch {
    background-position: -976px -48px !important;
}

.product-icons-64.product-icons-opensearch-grey {
    background-position: -448px -704px !important;
}

.product-icons-64.product-icons-opensearch {
    background-position: -384px -704px !important;
}

.product-icons-32.product-icons-oss-grey {
    background-position: -352px -1024px !important;
}

.product-icons-32.product-icons-oss {
    background-position: -384px -1024px !important;
}

.product-icons-48.product-icons-oss-grey {
    background-position: -480px -928px !important;
}

.product-icons-48.product-icons-oss {
    background-position: -432px -928px !important;
}

.product-icons-64.product-icons-oss-grey {
    background-position: -64px -704px !important;
}

.product-icons-64.product-icons-oss {
    background-position: 0px -704px !important;
}

.product-icons-32.product-icons-ots-grey {
    background-position: -544px -1024px !important;
}

.product-icons-32.product-icons-ots {
    background-position: -576px -1024px !important;
}

.product-icons-48.product-icons-ots-grey {
    background-position: -928px -816px !important;
}

.product-icons-48.product-icons-ots {
    background-position: -928px -768px !important;
}

.product-icons-64.product-icons-ots-grey {
    background-position: -704px -384px !important;
}

.product-icons-64.product-icons-ots {
    background-position: -704px -320px !important;
}

.product-icons-32.product-icons-petadata-grey {
    background-position: -736px -1024px !important;
}

.product-icons-32.product-icons-petadata {
    background-position: -768px -1024px !important;
}

.product-icons-48.product-icons-petadata-grey {
    background-position: -928px -336px !important;
}

.product-icons-48.product-icons-petadata {
    background-position: -928px -240px !important;
}

.product-icons-64.product-icons-petadata-grey {
    background-position: -704px -128px !important;
}

.product-icons-64.product-icons-petadata {
    background-position: -640px -640px !important;
}

.product-icons-32.product-icons-pts-grey {
    background-position: -928px -1024px !important;
}

.product-icons-32.product-icons-pts {
    background-position: -960px -1024px !important;
}

.product-icons-48.product-icons-pts-grey {
    background-position: -816px -880px !important;
}

.product-icons-48.product-icons-pts {
    background-position: -576px -880px !important;
}

.product-icons-64.product-icons-pts-grey {
    background-position: -448px -640px !important;
}

.product-icons-64.product-icons-pts {
    background-position: -256px -640px !important;
}

.product-icons-32.product-icons-ram-grey {
    background-position: -1072px -64px !important;
}

.product-icons-32.product-icons-ram {
    background-position: -1072px -96px !important;
}

.product-icons-48.product-icons-ram-grey {
    background-position: -240px -880px !important;
}

.product-icons-48.product-icons-ram {
    background-position: 0px -880px !important;
}

.product-icons-64.product-icons-ram-grey {
    background-position: -64px -640px !important;
}

.product-icons-64.product-icons-ram {
    background-position: -640px -512px !important;
}

.product-icons-32.product-icons-rds-grey {
    background-position: -1072px -256px !important;
}

.product-icons-32.product-icons-rds {
    background-position: -1072px -288px !important;
}

.product-icons-48.product-icons-rds-grey {
    background-position: -880px -528px !important;
}

.product-icons-48.product-icons-rds {
    background-position: -880px -288px !important;
}

.product-icons-64.product-icons-rds-grey {
    background-position: -640px -320px !important;
}

.product-icons-64.product-icons-rds {
    background-position: -640px -128px !important;
}

.product-icons-32.product-icons-ros-grey {
    background-position: -1072px -448px !important;
}

.product-icons-32.product-icons-ros {
    background-position: -1072px -480px !important;
}

.product-icons-48.product-icons-ros-grey {
    background-position: -816px -832px !important;
}

.product-icons-48.product-icons-ros {
    background-position: -576px -832px !important;
}

.product-icons-64.product-icons-ros-grey {
    background-position: -576px -576px !important;
}

.product-icons-64.product-icons-ros {
    background-position: -384px -576px !important;
}

.product-icons-32.product-icons-sas-grey {
    background-position: -1072px -640px !important;
}

.product-icons-32.product-icons-sas {
    background-position: -1072px -672px !important;
}

.product-icons-48.product-icons-sas-grey {
    background-position: -240px -832px !important;
}

.product-icons-48.product-icons-sas {
    background-position: 0px -832px !important;
}

.product-icons-64.product-icons-sas-grey {
    background-position: -192px -576px !important;
}

.product-icons-64.product-icons-sas {
    background-position: 0px -576px !important;
}

.product-icons-32.product-icons-scan-grey {
    background-position: -1072px -832px !important;
}

.product-icons-32.product-icons-scan {
    background-position: -1072px -864px !important;
}

.product-icons-48.product-icons-scan-grey {
    background-position: -832px -480px !important;
}

.product-icons-48.product-icons-scan {
    background-position: -832px -240px !important;
}

.product-icons-64.product-icons-scan-grey {
    background-position: -576px -384px !important;
}

.product-icons-64.product-icons-scan {
    background-position: -576px -192px !important;
}

.product-icons-32.product-icons-slb-grey {
    background-position: -1072px -1024px !important;
}

.product-icons-32.product-icons-slb {
    background-position: -1024px -480px !important;
}

.product-icons-48.product-icons-slb-grey {
    background-position: -736px -768px !important;
}

.product-icons-48.product-icons-slb {
    background-position: -1024px -144px !important;
}

.product-icons-64.product-icons-slb-grey {
    background-position: -576px 0px !important;
}

.product-icons-64.product-icons-slb {
    background-position: -384px -512px !important;
}

.product-icons-32.product-icons-slm-grey {
    background-position: -160px -1056px !important;
}

.product-icons-32.product-icons-slm {
    background-position: -192px -1056px !important;
}

.product-icons-48.product-icons-slm-grey {
    background-position: -528px -976px !important;
}

.product-icons-48.product-icons-slm {
    background-position: 0px -976px !important;
}

.product-icons-64.product-icons-slm-grey {
    background-position: -192px -512px !important;
}

.product-icons-64.product-icons-slm {
    background-position: 0px -512px !important;
}

.product-icons-32.product-icons-sls-grey {
    background-position: -352px -1056px !important;
}

.product-icons-32.product-icons-sls {
    background-position: -384px -1056px !important;
}

.product-icons-48.product-icons-sls-grey {
    background-position: -976px -336px !important;
}

.product-icons-48.product-icons-sls {
    background-position: -768px -928px !important;
}

.product-icons-64.product-icons-sls-grey {
    background-position: -512px -320px !important;
}

.product-icons-64.product-icons-sls {
    background-position: -512px -128px !important;
}

.product-icons-32.product-icons-sos-grey {
    background-position: -544px -1056px !important;
}

.product-icons-32.product-icons-sos {
    background-position: -576px -1056px !important;
}

.product-icons-48.product-icons-sos-grey {
    background-position: -144px -928px !important;
}

.product-icons-48.product-icons-sos {
    background-position: -928px -528px !important;
}

.product-icons-64.product-icons-sos-grey {
    background-position: -448px -448px !important;
}

.product-icons-64.product-icons-sos {
    background-position: -256px -448px !important;
}

.product-icons-32.product-icons-toolsimage-grey {
    background-position: -736px -1056px !important;
}

.product-icons-32.product-icons-toolsimage {
    background-position: -768px -1056px !important;
}

.product-icons-48.product-icons-toolsimage-grey {
    background-position: -864px -880px !important;
}

.product-icons-48.product-icons-toolsimage {
    background-position: -432px -880px !important;
}

.product-icons-64.product-icons-toolsimage-grey {
    background-position: -64px -448px !important;
}

.product-icons-64.product-icons-toolsimage {
    background-position: -448px -320px !important;
}

.product-icons-32.product-icons-vipaegis-grey {
    background-position: -928px -1056px !important;
}

.product-icons-32.product-icons-vipaegis {
    background-position: -960px -1056px !important;
}

.product-icons-48.product-icons-vipaegis-grey {
    background-position: -880px -576px !important;
}

.product-icons-48.product-icons-vipaegis {
    background-position: -880px -144px !important;
}

.product-icons-64.product-icons-vipaegis-grey {
    background-position: -448px -128px !important;
}

.product-icons-64.product-icons-vipaegis {
    background-position: -384px -384px !important;
}

.product-icons-32.product-icons-visualstudio-grey {
    background-position: -1104px -32px !important;
}

.product-icons-32.product-icons-visualstudio {
    background-position: -1104px -64px !important;
}

.product-icons-48.product-icons-visualstudio-grey {
    background-position: -288px -832px !important;
}

.product-icons-48.product-icons-visualstudio {
    background-position: -832px -672px !important;
}

.product-icons-64.product-icons-visualstudio-grey {
    background-position: -192px -384px !important;
}

.product-icons-64.product-icons-visualstudio {
    background-position: 0px -384px !important;
}

.product-icons-32.product-icons-vod-grey {
    background-position: -1104px -224px !important;
}

.product-icons-32.product-icons-vod {
    background-position: -1104px -256px !important;
}

.product-icons-48.product-icons-vod-grey {
    background-position: -784px -768px !important;
}

.product-icons-48.product-icons-vod {
    background-position: -1024px 0px !important;
}

.product-icons-64.product-icons-vod-grey {
    background-position: -384px -192px !important;
}

.product-icons-64.product-icons-vod {
    background-position: -384px 0px !important;
}

.product-icons-32.product-icons-vpc-grey {
    background-position: -1104px -416px !important;
}

.product-icons-32.product-icons-vpc {
    background-position: -1104px -448px !important;
}

.product-icons-48.product-icons-vpc-grey {
    background-position: -976px -384px !important;
}

.product-icons-48.product-icons-vpc {
    background-position: -624px -928px !important;
}

.product-icons-64.product-icons-vpc-grey {
    background-position: -192px -320px !important;
}

.product-icons-64.product-icons-vpc {
    background-position: 0px -320px !important;
}

.product-icons-32.product-icons-waf-grey {
    background-position: -1104px -608px !important;
}

.product-icons-32.product-icons-waf {
    background-position: -1104px -640px !important;
}

.product-icons-48.product-icons-waf-grey {
    background-position: -928px -96px !important;
}

.product-icons-48.product-icons-waf {
    background-position: -144px -880px !important;
}

.product-icons-64.product-icons-waf-grey {
    background-position: -320px -128px !important;
}

.product-icons-64.product-icons-waf {
    background-position: -256px -256px !important;
}

.product-icons-32.product-icons-xianzhi-grey {
    background-position: -1104px -800px !important;
}

.product-icons-32.product-icons-xianzhi {
    background-position: -1104px -832px !important;
}

.product-icons-48.product-icons-xianzhi-grey {
    background-position: -432px -832px !important;
}

.product-icons-48.product-icons-xianzhi {
    background-position: -832px -384px !important;
}

.product-icons-64.product-icons-xianzhi-grey {
    background-position: -64px -256px !important;
}

.product-icons-64.product-icons-xianzhi {
    background-position: -256px -128px !important;
}

.product-icons-32.product-icons-ysf-grey {
    background-position: -1104px -992px !important;
}

.product-icons-32.product-icons-ysf {
    background-position: -1104px -1024px !important;
}

.product-icons-48.product-icons-ysf-grey {
    background-position: -976px -816px !important;
}

.product-icons-48.product-icons-ysf {
    background-position: -48px -928px !important;
}

.product-icons-64.product-icons-ysf-grey {
    background-position: -192px -192px !important;
}

.product-icons-64.product-icons-ysf {
    background-position: 0px -192px !important;
}

.product-icons-32.product-icons-yundun-grey {
    background-position: -96px -1088px !important;
}

.product-icons-32.product-icons-yundun {
    background-position: -128px -1088px !important;
}

.product-icons-48.product-icons-yundun-grey {
    background-position: -720px -832px !important;
}

.product-icons-48.product-icons-yundun {
    background-position: -640px -768px !important;
}

.product-icons-64.product-icons-yundun-grey {
    background-position: -192px 0px !important;
}

.product-icons-64.product-icons-yundun {
    background-position: 0px -128px !important;
}

.product-icons-32.product-icons-yunjiankong-grey {
    background-position: -288px -1088px !important;
}

.product-icons-32.product-icons-yunjiankong {
    background-position: -320px -1088px !important;
}

.product-icons-48.product-icons-yunjiankong-grey {
    background-position: -880px -432px !important;
}

.product-icons-48.product-icons-yunjiankong {
    background-position: -976px -240px !important;
}

.product-icons-64.product-icons-yunjiankong-grey {
    background-position: -64px -64px !important;
}

.product-icons-64.product-icons-yunjiankong {
    background-position: -64px 0px !important;
}

.console-search {
    box-sizing: border-box;
    float: left;
    margin-right: 1px;
    position: relative;
    z-index: 11;
}

.console-search * {
    box-sizing: border-box;
}

.console-search .console-search-ask {
    position: relative;
}

.console-search .console-search-ask .console-search-ask-input {
    width: 200px;
    height: 40px;
    background: #2a2e31;
    border: 0;
    padding: 12px 30px 12px 10px;
    display: inline-block;
    color: #999;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s;
}

.console-search .console-search-ask .console-search-ask-input:focus {
    outline: none;
}

.console-search .console-search-ask .console-search-mark {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    height: 100%;
    width: 40px;
    color: #eee;
    padding: 5px;
    text-decoration: none;
    display: block;
}

.console-search .console-search-ask .console-search-questionmark {
    right: 0;
    top: 0;
}

.console-search .console-search-ask-active .console-search-ask-input {
    width: 320px;
    height: 40px;
    background: #f2f2f2;
    border: 0;
    color: #000;
}

.console-search .console-search-ask-active .console-search-questionmark {
    color: #0099cc;
}

.console-search .console-search-answer {
    width: 402px;
    margin-top: 2px;
    left: -1px;
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
    position: absolute;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
    text-shadow: 1px;
}

.console-search .console-search-answer .console-search-answer-head {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    height: 42px;
}

.console-search .console-search-answer .console-search-answer-head ul {
    list-style: none;
    margin: 0;
    padding: 0 24px;
}

.console-search .console-search-answer .console-search-answer-head ul li {
    float: left;
    margin-right: 14px;
    height: 42px;
    line-height: 42px;
}

.console-search .console-search-answer .console-search-answer-head ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    text-decoration: none;
}

.console-search .console-search-answer .console-search-answer-head ul li a:hover {
    color: #ff6500;
    border-bottom: 2px solid #ff6500;
}

.console-search .console-search-answer .console-search-answer-head ul li.console-search-tab-active a {
    color: #ff6500;
    border-bottom: 2px solid #ff6500;
}

.console-search .console-search-answer .console-search-answer-body {
    padding: 0 24px;
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item a {
    color: #00a2ca;
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more {
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more a {
    color: #00a2ca;
}

.selector {
    width: 100%;
    height: 140px;
    border: 1px solid #999;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
}

.selector .selector-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.selector .selector-list .selector-item {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 8px;
}

.selector .selector-list .selector-item:hover {
    color: #06C;
    background-color: #FAFCFF;
    cursor: pointer;
}

.selector .selector-list .selector-item.active {
    background-color: #37C;
    color: #FFF;
}

.selector .selector-list .selector-item.disabled {
    color: #AAA;
    cursor: not-allowed;
    background-color: #FAFAFA;
}

.selector .selector-msg {
    text-align: center;
    color: #999;
    height: 32px;
    line-height: 32px;
}

.selector.selector-status-error .selector-msg {
    cursor: pointer;
}

.selector.selector-status-hasmore .selector-msg {
    cursor: pointer;
}

.list-selector .selector-box {
    width: 45%;
    float: left;
}

.list-selector .selector-box .inner-wrap {
    border: 1px solid #bbb;
    height: 200px;
    overflow: hidden;
}

.list-selector .selector-box .inner-wrap .inner-head {
    border: 1px solid #eee;
    margin: 6px;
    position: relative;
}

.list-selector .selector-box .inner-wrap .inner-head input {
    border: 0;
    width: 90%;
}

.list-selector .selector-box .inner-wrap .inner-head input:focus {
    outline: 0;
}

.list-selector .selector-box .inner-wrap .inner-head .search {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.list-selector .selector-box .inner-wrap .inner-body {
    height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
}

.list-selector .selector-box .inner-wrap .inner-body2 {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
}

.list-selector .selector-mid {
    width: 10%;
    text-align: center;
    float: left;
}

.list-selector .selector-mid .mid-box {
    margin: 10px auto;
    height: 40px;
    width: 40px;
    font-weight: bold;
    border: 1px solid #bbb;
    background: #f7f7f7;
    display: block;
    cursor: pointer;
}

.list-selector .selector-mid .mid-margin {
    margin-top: 80px;
    margin-bottom: 10px;
}

.aliyun-console-table-search-list {
    min-width: 100px;
}

.console-global-notice {
    position: relative;
    margin-top: -1px;
    z-index: 1;
}

.console-global-notice .console-global-notice-nav {
    position: absolute;
    top: 13px;
    left: 25px;
    z-index: 2;
}

.console-global-notice .console-global-notice-nav span {
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    background: #e8e8e8;
    border-radius: 12px;
    margin-right: 3px;
    cursor: pointer;
}

.console-global-notice .console-global-notice-nav span.active {
    background: #999999;
}

.console-global-notice .console-global-notice-list {
    height: 50px;
    position: relative;
}

.console-global-notice .console-global-notice-list .console-global-notice-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 12px;
    border-radius: 2px;
    margin-bottom: 0px;
    text-align: left;
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    position: absolute;
    top: 8px;
    right: 12px;
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-content {
    padding-right: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.console-clip-copy {
    background: rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);
    position: absolute;
    color: #fff;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0px 12px 0px 30px;
}

.console-clip-copy .rectangle1,.console-clip-copy .rectangle2 {
    position: absolute;
    top: 8px;
    left: 13px;
    border: 1px solid #fff;
    width: 10px;
    height: 12px;
    background: #404040;
    z-index: 2;
}

.console-clip-copy .rectangle2 {
    left: 15px;
    z-index: 1;
    top: 5px;
}

.console-clip-copyed {
    padding-left: 12px;
}

.console-clip-copyed .rectangle1,.console-clip-copyed .rectangle2 {
    display: none;
}

.console-aside-wrap {
    position: fixed;
    z-index: 105;
}

.console-aside-wrap .console-aside {
    position: absolute;
    display: none;
}

.console-aside-wrap .console-aside.console-aside-transform {
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s;
}

.console-aside-wrap.top {
    top: 0;
    width: 100%;
}

.console-aside-wrap.top .console-aside {
    top: 0;
    width: 100%;
}

.console-aside-wrap.right {
    right: 0;
    height: 100%;
    top: 0;
}

.console-aside-wrap.right .console-aside {
    right: 0;
    height: 100%;
}

.console-aside-wrap.left {
    left: 0;
    height: 100%;
    top: 0;
}

.console-aside-wrap.left .console-aside {
    left: 0;
    height: 100%;
}

.console-aside-wrap.bottom {
    bottom: 0;
    width: 100%;
}

.console-aside-wrap.bottom .console-aside {
    bottom: 0;
    width: 100%;
}

.table-default-viewer {
    width: 100%;
    background-color: #FFF;
}

.table-default-viewer td {
    padding: 11px 20px;
    border: 1px solid #eeeeee;
}

.table-default-viewer.off {
    display: none;
}

.table-viewer-topbar-content {
    padding: 0px;
    margin: 0px;
    margin-right: 8px;
}

.table-viewer-header {
    margin-top: 10px;
    margin-bottom: -1px;
    height: 40px;
    background: #F5f6FA;
    line-height: 38px;
    border: 1px solid #e1e6eb;
    position: relative;
    border-left: 4px solid #6d7781;
}

.table-viewer-header .table-viewer-topbar-title {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    margin-left: 16px;
}

.table-viewer-header .table-viewer-topbar-content {
    margin-right: 60px;
}

.table-viewer-header .toggle-drop-down-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    position: absolute;
    width: 40px;
    height: 39px;
    right: 0;
    top: 0;
    border-left: 1px solid #e1e6eb;
}

.table-viewer-header .table-viewer-dropdown {
    display: inline-block;
    margin: 10px;
    font-size: 20px;
}

.simple-chart {
    height: 100%;
    border: 1px solid #ccd6e0;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.simple-chart .simple-chart-head {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    background: #f8f9fb;
}

.simple-chart .simple-chart-head-title {
    float: left;
}

.simple-chart .simple-chart-operations {
    float: right;
}

.simple-chart .simple-chart-operations .simple-chart-btn {
    display: inline-block;
    border-left: 1px solid #e1e6eb;
    width: 40px;
    text-align: center;
    cursor: pointer;
}

.simple-chart .simple-chart-operations .simple-chart-btn span {
    font-size: 14px;
    font-weight: bold;
    vertical-align: text-bottom;
}

.simple-chart .simple-chart-body {
    border-top: 1px solid #ccd6e0;
    padding: 0px 2px 2px 0px;
}

.simple-chart .simple-chart-body .highcharts-container {
    float: left;
}

.simple-chart .simple-chart-body-inner {
    height: 100%;
}

.simple-chart .simple-chart-annulus-center {
    position: absolute;
    text-align: center;
}

.simple-chart .simple-chart-annulus-center .simple-chart-annulus-number {
    color: #0099cc;
    font-size: 32px;
}

.simple-chart.simple-chart-nowrap {
    border: none;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
}

.simple-chart.simple-chart-nowrap .simple-chart-head {
    display: none;
}

.simple-chart.simple-chart-nowrap .simple-chart-body {
    border: none;
    height: 100% !important;
}

.console-middle-page {
    margin-top: 80px;
}

.console-middle-page .console-middle-page-icon {
    text-align: right;
}

.console-middle-page .console-middle-page-title {
    font-size: 20px;
    margin: 0;
    line-height: 48px;
}

.console-middle-page .console-middle-page-text {
    font-size: 12px;
    color: #666;
}

.console-middle-page .console-middle-page-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px;
}

.console-middle-page .console-middle-page-link>a {
    padding-right: 14px;
}

.console-rank-select {
    height: 32px;
    padding: 8px 0px;
    overflow: hidden;
}

.console-rank-select .rank-item {
    width: 20px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 16px;
    color: #CCC;
    cursor: pointer;
    zoom: 1;
}

.console-rank-select .rank-active {
    color: #09C;
}

.console-rank-select .rank-hover {
    color: #3CF;
}

.simple-loading {
    position: relative;
}

.simple-loading .simple-loading-inner {
    margin-left: auto;
    margin-right: auto;
}

.simple-loading-1:before,.simple-loading-1:after,.simple-loading-1 {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: simple-loading-1 1.8s infinite ease-in-out;
    animation: simple-loading-1 1.8s infinite ease-in-out;
}

.simple-loading-1 {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}

.simple-loading-1:before {
    left: -30px;
}

.simple-loading-1:after {
    left: 30px;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}

.simple-loading-1:before,.simple-loading-1:after {
    content: '';
    position: absolute;
    top: 0;
}

@-webkit-keyframes simple-loading-1 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd;
    }

    40% {
        box-shadow: 0 2.5em 0 0 #ddd;
    }
}

@keyframes simple-loading-1 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd;
    }

    40% {
        box-shadow: 0 2.5em 0 0 #ddd;
    }
}

.feedback-container {
    position: fixed;
    right: 0px;
    bottom: 100px;
    font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    z-index: 100;
}

.feedback-container:hover .feedback-trigger .feedback-trigger-text,.feedback-container.active .feedback-trigger .feedback-trigger-text {
    width: 56px;
    padding: 0 0px 0 4px;
}

.feedback-container h1,.feedback-container h2,.feedback-container textarea,.feedback-container input {
    margin: 0;
    padding: 0;
    border: 0;
}

.feedback-container .feedback {
    position: absolute;
    width: 396px;
    background: rgba(0,162,202,0.5);
    padding: 3px;
    right: 81px;
    bottom: 0;
}

.feedback-container .feedback .feedback-panel {
    width: 390px;
    background: #fff;
    padding: 20px;
}

.feedback-container .feedback .feedback-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.feedback-container .feedback .feedback-title h1 {
    color: #000;
    font-size: 16px;
    display: inline-block;
}

.feedback-container .feedback .feedback-title h1 i {
    cursor: pointer;
    margin-top: 6px;
    float: right;
}

.feedback-container .feedback .feedback-content {
    position: relative;
    margin-bottom: 15px;
}

.feedback-container .feedback .feedback-content h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.feedback-container .feedback .feedback-content .must {
    position: absolute;
    left: -10px;
    top: 3px;
    color: red;
}

.feedback-container .feedback textarea,.feedback-container .feedback input {
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
}

.feedback-container .feedback .feedback-content textarea {
    resize: none;
    height: 106px;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0;
}

.feedback-container .feedback .feedback-content .feedback-content-count {
    color: #666;
    margin-top: 5px;
}

.feedback-container .feedback .feedback-contact {
    margin-bottom: 25px;
    position: relative;
}

.feedback-container .feedback .feedback-contact h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.feedback-container .feedback .feedback-contact input {
    height: 36px;
    margin-bottom: 20px;
    resize: none;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.feedback-container .feedback .feedback-contact input:focus {
    background: #e9fbfe;
    border: solid 1px #e8e8e8;
}

.feedback-container .feedback .feedback-contact .inputError {
    position: absolute;
    bottom: -22px;
    left: 2px;
    color: red;
}

.feedback-container .feedback .submit-btn {
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    display: inline-block;
    min-width: 78px;
    background: #00a2ca;
    color: #fff;
    text-align: center;
    outline: none;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
}

.feedback-container .feedback .submit-btn:hover {
    background: #33b5d4;
    border-color: #33b5d4;
    text-decoration: none;
}

.feedback-container .feedback .feedback-footer {
    text-align: center;
    padding: 5px 0;
}

.feedback-container .feedback .submit-btn.disabled {
    background: #efefef;
    border-color: #efefef;
    color: #ccc;
    cursor: default;
}

.feedback .thanks {
    font-size: 16px;
    margin-left: 15px;
    color: #000;
    position: relative;
    top: -9px;
}

.feedback .feedback-close {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 18px;
}

.feedback .feedback-check {
    font-size: 30px;
    color: #65ce00;
}

.feedback-container .feedback-trigger {
    display: inline-block;
    background-color: #3d5061;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 4px 1px 1px;
}

.feedback-container .feedback-trigger .feedback-trigger-text {
    padding: 0;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    width: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.feedback-container .feedback-trigger .feedback-trigger-icon {
    padding: 0;
    display: inline-block;
    font-size: 15px;
}

.drcloud-link-container {
    width: 24px;
    height: 60px;
    background: #385062;
    position: fixed;
    z-index: 100;
    bottom: 100px;
    right: 0;
    border-radius: 3px;
}

.drcloud-link-container a {
    height: 100%;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 12px;
}

.drcloud-link-container a:hover {
    color: #fff;
    text-decoration: none;
}

.drcloud-link-container a .mid-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.drcloud-link-container a span {
    width: 20px;
    font-size: 12px;
    font-family: 'Hiragino Sans GB', tahoma, arial, 宋体;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    *writing-mode: tb-rl;
}

.console-guide-dialog .modal-dialog {
    width: 840px;
}

.console-guide-dialog .modal-body {
    margin-bottom: 15px;
}

.console-guide-dialog .carousel-control {
    display: none;
}

.console-guide-dialog .carousel-indicators {
    bottom: -40px !important;
}

.console-guide-dialog .carousel-indicators li {
    background: #e8e8e8;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    margin: 0 0 0 2px;
}

.console-guide-dialog .carousel-indicators li.active {
    background: #09c;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    margin: 0 0 0 2px;
}

.console-guide-dialog .console-guide-dialog-link {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    right: 20px;
}

.console-tag-select {
    position: absolute;
    width: 320px;
}

.console-tag-select ul {
    list-style: none;
    box-shadow: none !important;
    display: block;
    margin: 0;
    padding: 0;
}

.console-tag-select .console-tag-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    margin-top: 2px;
    width: 326px;
}

.console-tag-select .console-tag-dropdown .dropdown-menu {
    position: static;
    border: 1px solid #e1e6eb;
    width: 160px;
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-block {
    padding: 7px 16px;
    display: block;
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-empty {
    color: #999;
    font-style: italic;
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-title .console-tag-key-item-block {
    background: #F5F6FA;
    border-bottom: 1px solid #eee;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li a {
    border-bottom: 1px solid #eee;
    white-space: pre-line;
    position: relative;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li a:focus {
    background-color: #F9F9FA;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li:last-child a {
    border-bottom: none;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus {
    text-decoration: none;
    outline: 0;
    -webkit-transition: backgroud 0.2s ease, 0.2s ease;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a .console-tag-selected-icon,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover .console-tag-selected-icon,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus .console-tag-selected-icon {
    display: block;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active {
    border-left: 2px solid #09c;
    margin-left: -1px;
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:focus {
    padding-left: 15px;
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active,.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:hover,.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:focus {
    background-color: #F9F9FA;
}

.console-tag-select .console-tag-dropdown .console-tag-value-dropdown {
    margin-left: -1px;
}

.console-tag-select .console-tag-pagepick {
    padding: 0 5px;
}

.console-tag-select .console-tag-pagepick a {
    display: inline-block !important;
    border-bottom: none !important;
    -webkit-user-select: none;
}

.console-tag-select .console-tag-selected-icon {
    display: none;
    float: right;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.console-tag-select .console-tag-label-wrap {
    padding-left: 2px;
}

.console-tag-select .console-tag-label {
    padding: 5px 20px 5px 5px;
    background: #f1f1f1;
    position: relative;
    margin-left: 2px;
}

.console-tag-select .console-tag-label .console-tag-label-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}

.console-tag-select-view .console-tag-label {
    padding: 5px 20px 5px 5px;
    background: #f1f1f1;
    position: relative;
    margin-left: 2px;
}

.console-tag-select-view .console-tag-label .console-tag-label-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    color: #666;
}

.console-tag-select-view .console-tag-label .console-tag-label-colon {
    padding: 0 1px;
}

.console-tag-edit .tag-panel {
    min-height: 120px;
    border: 2px dashed #ddd;
    padding: 8px;
}

.console-tag-edit .tag-panel .console-tag-select-view .console-tag-label {
    margin: 4px;
}

.console-tag-edit .tag-edit-tip {
    color: #999;
    font-style: italic;
    margin-top: 8px;
}

.console-tag-edit-form {
    display: inline-block;
}

.console-tag-edit-form input.form-control {
    width: 80px;
}

.console-tag-edit-form.form-inline .form-group {
    margin: 0 8px 0 0px;
}

.console-tag-loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.console-tag-loading-block {
    position: absolute;
    top: 50%;
    left: 50%;
}

.console-searchbar-textinput {
    min-width: 180px;
}

.modal-dialog .simple-grid-loading .spinner {
    left: 50% !important;
}

.console-shuttle .title {
    border-left: 1px solid #e1e6eb;
    border-right: 1px solid #e1e6eb;
    border-top: 1px solid #e1e6eb;
    background-color: #F5F6FA;
    padding-left: 5px;
    line-height: 30px;
}

.console-shuttle .search {
    position: relative;
}

.console-shuttle .search .icon-search {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12px;
}

.console-shuttle .search input {
    width: 100%;
    height: 32px;
}

.console-shuttle .selector {
    border: 1px solid #e1e6eb;
    height: 240px;
}

.console-shuttle .left-selector {
    height: 220px;
}

.console-shuttle .right-selector {
    height: 240px;
}

.console-shuttle .search-hidden {
    height: 240px;
}

.console-shuttle .btn {
    display: block;
    margin: 12px 45%;
}

.console-shuttle .console-selector {
    width: 40%;
}

.console-shuttle .console-selector-result {
    width: 40%;
}

.console-shuttle .selector-group-options {
    vertical-align: middle;
    width: 20%;
    text-align: center;
    margin-top: 100px;
}

.console-shuttle .selector-list .line-head {
    line-height: 12px;
    margin-bottom: 8px;
    color: #000;
}

.console-shuttle .selector-list .line-bottom {
    line-height: 12px;
    color: #999;
}

.console-shuttle .selector-list .line-column-left {
    display: inline-block;
}

.console-shuttle .selector-list .line-column-right {
    display: inline-block;
    float: right;
    padding: 5px 0;
    color: #000;
}

.console-shuttle .selector-list .line-yellow-text {
    color: #ff6600;
}

.console-shuttle .selector-list .selector-item {
    height: auto;
    line-height: normal;
    padding: 10px;
    text-indent: 0;
}

.console-shuttle .selector-list .selector-item:hover {
    color: auto;
    background: #f9f9f9;
}

.console-shuttle .selector-list .selector-item.active {
    color: #fff;
    background: #0099cb;
}

.console-shuttle .selector-list .selector-item.active .line-head {
    color: #fff;
}

.console-shuttle .selector-list .selector-item.active .line-bottom {
    color: #fff;
}

.console-shuttle .selector-list .selector-item.active .line-yellow-text {
    color: #fff;
}

.console-shuttle .selector-list .selector-item.active .line-column-right {
    color: #fff;
}

.backup-switch-input {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
}

.aliyun-regionbar .regionbar-advanced {
    display: inline-block;
}

.aliyun-regionbar .regionbar-advanced:hover .region-dropdown .region-dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.aliyun-regionbar .regionbar-advanced:hover .region-dropdown .icon-arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.aliyun-regionbar .regionbar-advanced a,.aliyun-regionbar .regionbar-advanced a:hover,.aliyun-regionbar .regionbar-advanced a:focus {
    text-decoration: none;
}

.aliyun-regionbar .regionbar-advanced .region-icon-active {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 8px;
    background-color: #fd9827;
}

.aliyun-regionbar .regionbar-advanced .region-icon {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #D9DEE7;
    position: absolute;
    left: 15px;
    top: 13px;
}

.aliyun-regionbar .regionbar-advanced .region-dropdown-toggle {
    position: relative;
    background: #D9DEE4;
    color: #333;
    display: inline-block;
    padding: 0 24px 0 12px;
    min-width: 180px;
    -webkit-user-select: none;
    height: 32px;
    line-height: 32px;
    z-index: 2;
}

.aliyun-regionbar .regionbar-advanced .region-dropdown-toggle .icon-arrow-down {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    right: 0;
    top: 0;
    text-align: center;
}

.aliyun-regionbar .regionbar-advanced .region-dropdown {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    z-index: 1000;
    position: relative;
}

.aliyun-regionbar .regionbar-advanced .region-dropdown .region-dropdown-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    border: none;
    z-index: 1;
    min-width: 100%;
    background-color: #ffffff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
    opacity: 0;
}

.aliyun-regionbar .regionbar-advanced .region-item {
    height: 32px;
    border-bottom: 1px solid #eaedf1;
    padding-left: 30px;
    position: relative;
    transition: all 0.2s, 0.2s;
    -o-transition: all 0.2s, 0.2s;
    -moz-transition: all 0.2s, 0.2s;
    -webkit-transition: all 0.2s, 0.2s;
}

.aliyun-regionbar .regionbar-advanced .region-item:hover {
    background: #eaedf1;
}

.aliyun-regionbar .regionbar-advanced .region-item:hover .region-icon {
    background: #09c;
}

.aliyun-regionbar .regionbar-advanced .region-item.region-item-active {
    display: none;
}

.aliyun-regionbar .regionbar-advanced .region-item.region-item-active a {
    color: #09c;
}

.aliyun-regionbar .regionbar-advanced .region-item.region-item-active .region-icon {
    background: #09c;
}

.aliyun-regionbar .regionbar-advanced .region-item:last-child {
    border-bottom: none;
}

.aliyun-regionbar .regionbar-advanced .region-item a {
    display: block;
    width: 100%;
    line-height: 32px;
    color: #333;
}

.aliyun-regionbar .regionbar-advanced .region-length-limit {
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.aliyun-regionbar .regionbar-advanced .region-recent-message {
    display: inline-block;
    margin: 0 8px 0 16px;
    line-height: 32px;
}

.aliyun-regionbar .nav-pills li.region-disabled a,.aliyun-regionbar .nav-pills li.region-disabled a:hover {
    color: #999;
    cursor: not-allowed;
}

.console-component-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    background: #373d41;
    font-size: 12px;
    min-width: 990px;
}

.console-component-topbar span,.console-component-topbar a,.console-component-topbar p,.console-component-topbar li {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
}

.console-component-topbar a {
    text-decoration: none;
}

.console-component-topbar a:focus {
    outline: none;
}

.console-component-topbar .accessibility-ast {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
}

.console-component-topbar .accessibility-ast:focus {
    position: absolute;
    top: 0;
    left: 310px;
}

.console-component-topbar .icon-arrow-down {
    display: inline-block;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s;
}

.console-component-topbar .dropdown .dropdown-menu {
    z-index: 1;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.console-component-topbar .dropdown .dropdown-menu a {
    padding: 0;
}

.console-component-topbar .dropdown.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.console-component-topbar .topbar-show {
    display: block !important;
}

.console-component-topbar .topbar-info-dropdown {
    position: relative;
}

.console-component-topbar .topbar-info-dropdown .topbar-btn {
    position: relative;
}

.console-component-topbar .topbar-info-dropdown .topbar-info-dropdown-toggle {
    color: #fff;
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-memu {
    visibility: visible;
    opacity: 1;
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-toggle {
    background: #2a2f32;
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-toggle:hover {
    background: #2a2f32;
}

.console-component-topbar .topbar-info-dropdown:hover .icon-arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.console-component-topbar .topbar-info-dropdown-memu {
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    float: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    z-index: 1;
    font-size: 12px;
    min-width: 100%;
    margin: 0;
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
    opacity: 0;
}

.console-component-topbar .topbar-info-dropdown-memu li a {
    display: block;
    padding: 0 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    min-width: 140px;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
}

.console-component-topbar .topbar-info-dropdown-memu li a:hover,.console-component-topbar .topbar-info-dropdown-memu li a:focus {
    background-color: #f5f5f5;
}

.console-component-topbar .topbar-info-dropdown-memu-list {
    padding: 10px 0;
    margin: -2px;
}

.console-component-topbar .topbar-info-dropdown-toggle {
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.console-component-topbar .topbar-wrap,.console-component-topbar .topbar-logo,.console-component-topbar .topbar-home,.console-component-topbar .topbar-home-link,.console-component-topbar .topbar-product,.console-component-topbar .topbar-info {
    height: 100%;
}

.console-component-topbar .topbar-wrap {
    display: block;
}

.console-component-topbar .topbar-left {
    float: left;
}

.console-component-topbar .topbar-right {
    float: right;
}

.console-component-topbar .topbar-clearfix:before,.console-component-topbar .topbar-clearfix:after {
    display: table;
    content: " ";
}

.console-component-topbar .topbar-clearfix:after {
    clear: both;
}

.console-component-topbar .topbar-align-right {
    right: 0;
    left: auto;
}

.console-component-topbar .topbar-head {
    background: #2a2f32;
    height: 50px;
    position: relative;
    z-index: 3;
}

.console-component-topbar .topbar-product {
    position: relative;
    z-index: 2;
    background: #373d41;
}

.console-component-topbar .topbar-logo {
    display: block;
    width: 50px;
    font-size: 24px !important;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    margin-right: 1px;
}

.console-component-topbar .topbar-logo span {
    line-height: 50px;
}

.console-component-topbar .topbar-logo {
    background: #373d41;
}

.console-component-topbar .topbar-home-link {
    margin-right: 1px;
    background: #373d41;
    width: 129px;
    text-align: center;
}

.console-component-topbar .topbar-home,.console-component-topbar .topbar-transition {
    -o-transition: all 0.2s, 0.05s;
    -moz-transition: all 0.2s, 0.05s;
    -webkit-transition: all 0.2s, 0.05s;
    transition: all 0.2s, 0.05s;
}

.console-component-topbar .topbar-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.console-component-topbar .topbar-btn:hover,.console-component-topbar .topbar-btn.topbar-btn-dark {
    background: #2a2f32;
}

.console-component-topbar .topbar-product.open .topbar-product-btn {
    background: #fff;
    color: #333;
}

.console-component-topbar .topbar-product.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.console-component-topbar .topbar-product-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px;
    cursor: pointer;
}

.console-component-topbar .topbar-product-dropdown {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    border: none;
    margin: 0;
    z-index: -1 !important;
    display: none;
}

.console-component-topbar .topbar-product-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.console-component-topbar .topbar-product-dropdown ul li>a {
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.console-component-topbar .topbar-product-container {
    position: absolute;
    min-height: 240px;
    left: 0;
    right: 0;
    background: #fff;
    -o-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
    transition: all 0.15s, 0.15s;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.console-component-topbar .topbar-product-container-simple .topbar-product-content {
    margin-left: 181px;
}

.console-component-topbar .topbar-product-container-simple .topbar-product-all-item ul.topbar-product-all-list li a {
    width: 140px;
}

.console-component-topbar .topbar-product-nav {
    height: 100%;
    border-right: 1px solid #f1f1f1;
    padding: 16px 0 16px 16px;
    width: 180px;
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li {
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    width: 164px;
    -o-transition: all 0.1s, 0s;
    -moz-transition: all 0.1s 0s;
    -webkit-transition: all 0.1s 0s;
    transition: all 0.1s 0s;
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li.active {
    color: #fff;
    background: #00c1de;
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li>span {
    cursor: default;
}

.console-component-topbar .topbar-product-content {
    margin-left: 361px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.console-component-topbar .topbar-product-content>.topbar-product-category {
    display: none;
}

.console-component-topbar .topbar-product-close {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 50px;
    height: 20px;
    margin-left: -25px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    color: #666;
    -o-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
    transition: all 0.15s, 0.15s;
}

.console-component-topbar .topbar-product-close:hover {
    color: #333;
}

.console-component-topbar .topbar-product-all {
    overflow: hidden;
}

.console-component-topbar .topbar-product-title {
    font-size: 14px;
    margin: 8px 8px 16px 10px;
}

.console-component-topbar .topbar-product-all-item {
    margin-left: -4px;
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li {
    height: 28px;
    line-height: 28px;
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li a {
    width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7f8fa;
    padding: 0 8px;
    margin-right: 10px;
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li a:hover {
    background: #00C1DE;
    color: #fff;
}

.console-component-topbar .topbar-product-all-item .topbar-product-all-char {
    font-weight: 500;
    margin-left: 10px;
}

.console-component-topbar .topbar-product-history {
    width: 180px;
    height: 100%;
    padding: 16px;
    border-right: 1px solid #f1f1f1;
}

.console-component-topbar .topbar-product-history .topbar-title {
    font-size: 18px;
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    background: #fff;
    -o-transition: all 0.15s, 0s;
    -moz-transition: all 0.15s, 0s;
    -webkit-transition: all 0.15s, 0s;
    transition: all 0.15s, 0s;
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li:hover {
    background: #00c1de;
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li:hover a {
    color: #fff;
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.console-component-topbar .topbar-product-category {
    padding: 16px;
    overflow: hidden;
}

.console-component-topbar .topbar-product-category .topbar-product-category-col {
    width: 33%;
}

.console-component-topbar .topbar-product-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.console-component-topbar .topbar-product-category .product-item {
    padding: 12px 16px;
    -o-transition: all 0.1s, 0s;
    -moz-transition: all 0.1s, 0s;
    -webkit-transition: all 0.1s, 0s;
    transition: all 0.1s, 0s;
}

.console-component-topbar .topbar-product-category .product-item:hover {
    background: #00c1de;
    color: #fff;
}

.console-component-topbar .topbar-product-category .product-item:hover .product-description {
    color: #fff;
}

.console-component-topbar .topbar-product-category .product-name {
    padding-bottom: 2px;
    font-size: 13px;
}

.console-component-topbar .topbar-product-category .product-description {
    color: #999;
    line-height: 16px;
}

.console-component-topbar .topbar-product-search {
    padding: 0 !important;
    position: relative;
}

.console-component-topbar .topbar-product-search input {
    display: block;
    height: 32px;
    padding: 4px 38px 4px 18px;
    width: 180px;
    border-width: 0;
    outline: 0;
    line-height: 32px;
    color: #666;
    font-size: 12px;
    background: #f0f0f0;
}

.console-component-topbar .topbar-product-search .search-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    display: block;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.console-component-topbar .topbar-regionbar {
    display: inline-block;
    margin-top: 10px;
    margin-left: 2px;
}

.console-component-topbar .topbar-regionbar .region-icon {
    margin-right: 8px;
    vertical-align: text-top;
    font-size: 14px;
}

.console-component-topbar .topbar-regionbar .region-dropdown-toggle {
    background: #303639;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    -webkit-user-select: none;
}

.console-component-topbar .topbar-regionbar .region-dropdown .region-dropdown-menu {
    width: 100%;
    min-width: 120px;
    border: none;
}

.console-component-topbar .topbar-info {
    background: #2a2f32;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
}

.console-component-topbar .topbar-info .topbar-btn {
    padding: 0 18px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #373d41;
    border-right: 1px solid #2a2f32;
}

.console-component-topbar .topbar-info .topbar-btn:hover,.console-component-topbar .topbar-info .topbar-btn.topbar-btn-dark {
    background: #373d41;
}

.console-component-topbar .topbar-info .topbar-btn.open {
    position: relative;
}

.console-component-topbar .topbar-info .topbar-btn-search {
    padding: 0;
    margin-left: 1px;
}

.console-component-topbar .topbar-info .topbar-info-gap {
    color: #fff;
}

.console-component-topbar .topbar-info .dropdown .dropdown-menu {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: none;
}

.console-component-topbar .topbar-info .dropdown.open .topbar-btn {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    position: relative;
}

.console-component-topbar .topbar-info .topbar-info-btn a {
    height: 40px;
    line-height: 39px;
    padding: 0 18px;
}

.console-component-topbar .topbar-info .topbar-info-btn-gap {
    margin: 10px 0;
    height: 1px;
    display: block;
    width: 100%;
    background: #eaeaea;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity {
    height: auto;
    margin: 0 20px;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity {
    padding-top: 6px;
    border: none;
    position: relative;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity .user-identity-item {
    height: 28px;
    line-height: 28px;
    display: block;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity .user-identity-colon {
    padding: 0 5px;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity-sign {
    padding: 2px 6px;
    background: #29c3de;
    color: #fff;
    border-radius: 2px;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity-sign-wrap {
    display: inline-block;
    line-height: 16px;
    margin-left: 10px;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-btn-link {
    display: inline-block;
    color: #06C;
    line-height: 32px;
    margin-right: 8px;
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-btn-link:hover {
    background: none;
    text-decoration: underline;
}

.console-component-topbar .topbar-info-item {
    display: inline-block;
}

.console-component-topbar .topbar-notice {
    position: relative;
    font-size: 12px;
}

.console-component-topbar .topbar-notice .topbar-btn {
    padding: 0 16px;
}

.console-component-topbar .topbar-notice .topbar-notice-panel {
    position: absolute;
    top: 50px;
    left: -220px;
    margin-left: 50%;
    width: 440px;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #eaedf1;
    position: absolute;
    top: -6px;
    left: 217px;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head {
    height: 50px;
    background-color: #eaedf1;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body {
    height: 300px;
    overflow-y: auto;
    background: #fff;
    font-size: 12px;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #eaedf1;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 10px 10px;
    background: #fff;
    color: #333;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #06c;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover {
    background: #f9f9f9;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a {
    color: #666;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time {
    color: #999;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot {
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class {
    padding: 8px 0;
    float: right;
    display: none;
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 66px;
    background: #eaedf1;
    text-align: center;
    border-radius: 3px;
}

.console-component-topbar .topbar-btn-notice {
    width: auto;
    display: block;
    height: 50px;
}

.console-component-topbar .topbar-btn-notice .topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 50px;
    vertical-align: text-bottom;
}

.console-component-topbar .topbar-btn-notice .topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center;
}

.console-component-topbar .topbar-btn-notice .topbar-product-item-short {
    padding-left: 2px;
}

.console-component-topbar .topbar-qrcode {
    position: relative;
    margin-left: 1px;
}

.console-component-topbar .topbar-qrcode:hover .topbar-qrcode-panel {
    display: block;
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-panel {
    top: 50px;
    left: 0;
    position: absolute;
    width: 130px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: none;
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-image {
    width: 100px;
    margin: 0 auto;
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-title {
    text-align: center;
    padding-top: 10px;
}

.console-component-topbar .topbar-new-icon {
    position: relative;
    top: -4px;
    padding-left: 2px;
}

.console-component-topbar .topbar-nav-buoy-wrap {
    position: relative;
}

.console-component-topbar .topbar-nav-buoy-wrap ul {
    position: relative;
    z-index: 2;
}

.console-component-topbar .topbar-nav-buoy-wrap .topbar-nav-buoy {
    width: 100%;
    height: 32px;
    position: absolute;
    z-index: 1;
    background: #00c1de;
    left: 0;
    top: 0;
    -o-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s;
    transition: all 0.1s, 0.1s;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance-list {
    overflow: hidden;
    width: 270px;
    margin: 8px 0;
    padding: 8px 15px;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance {
    width: 80px;
    height: 80px;
    float: left;
    text-align: center;
    color: #333;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    border-radius: 2px;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance:hover {
    background: #f5f5f5;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance-logo {
    font-size: 20px;
    margin: 8px auto 4px;
    width: 40px;
    height: 40px;
    display: block;
    vertical-align: middle;
    line-height: 40px;
    color: #788D9B;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .user-btn-list .user-btn-link {
    height: 50px;
    line-height: 50px;
    display: block;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    text-align: center;
    color: #333;
    border-top: 1px solid #f5f5f5;
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .user-btn-list .user-btn-link:hover {
    background: #f5f5f5;
}

.console-component-topbar .topbar-search {
    position: relative;
}

.console-component-topbar .topbar-search .icon-search {
    font-size: 16px;
    padding-right: 4px;
    position: relative;
    top: 2px;
}

.console-component-topbar .topbar-search .topbar-search-dropdown {
    height: 38px;
    position: absolute;
    bottom: -38px;
    right: -1px;
    left: auto;
    border: 2px solid #2a2f32;
    background: #fff;
}

.console-component-topbar .topbar-search .topbar-search-dropdown input {
    display: block;
    height: 34px;
    padding: 4px 6px;
    margin-right: 30px;
    width: 250px;
    border-width: 0;
    outline: 0;
    line-height: 34px;
    color: #546478;
    font-size: 12px;
}

.console-component-topbar .topbar-search .topbar-search-dropdown .topbar-search-mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #546478;
}

.console-component-topbar .topbar-search:hover .topbar-btn,.console-component-topbar .topbar-notice:hover .topbar-btn {
    background: #2a2f32;
}

.console-component-topbar .topbar-support-customhelp:hover .topbar-customhelp .topbar-help-inner {
    right: 0;
}

.console-component-topbar .topbar-customhelp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
}

.console-component-topbar .topbar-customhelp .topbar-help-inner {
    width: 486px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e6eb;
    position: absolute;
    right: -486px;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -o-transition: all 0.2s ease, 0.2s ease;
    -ms-transition: all 0.2s ease, 0.2s ease;
    -moz-transition: all 0.2s ease, 0.2s ease;
    -webkit-transition: all 0.2s ease, 0.2s ease;
    z-index: 1;
    top: 50px;
    bottom: 0;
}

.console-component-topbar .topbar-customhelp .topbar-help-inner:hover {
    right: 0;
}

.console-component-topbar .topbar-customhelp .topbar-help-head {
    height: 68px;
    padding-left: 20px;
    line-height: 68px;
    border-bottom: 1px solid #e1e6eb;
    position: relative;
    color: #333;
}

.console-component-topbar .topbar-customhelp .topbar-help-body {
    position: absolute;
    top: 68px;
    bottom: 0;
    background: #fff;
}

.console-component-topbar .topbar-customhelp .topbar-help-iframe {
    height: 100%;
}

.console-component-topbar .topbar-customhelp .topbar-help-close {
    font-size: 18px;
    float: right;
    height: 68px;
    width: 68px;
    line-height: 68px !important;
    text-align: center;
    color: #546478;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.console-component-topbar .topbar-customhelp .topbar-help-close:hover {
    color: #000;
}

.viewFramework-sidebar-mini .console-component-sidebar,.viewFramework-sidebar-mini .sidebar-content {
    width: 50px !important;
    display: block;
}

.viewFramework-sidebar-mini .console-component-sidebar .sidebar-nav ul,.viewFramework-sidebar-mini .sidebar-content .sidebar-nav ul {
    width: 70px;
}

.viewFramework-sidebar-mini .console-component-sidebar .sidebar-nav ul li a,.viewFramework-sidebar-mini .sidebar-content .sidebar-nav ul li a {
    width: 50px;
}

.viewFramework-sidebar-mini .console-component-sidebar .sidebar-manage,.viewFramework-sidebar-mini .sidebar-content .sidebar-manage {
    display: none !important;
}

.viewFramework-sidebar-mini .console-component-sidebar .sidebar-nav .sidebar-title:hover .sidebar-manage,.viewFramework-sidebar-mini .sidebar-content .sidebar-nav .sidebar-title:hover .sidebar-manage {
    display: none !important;
}

.viewFramework-sidebar-mini .console-component-sidebar .nav-title,.viewFramework-sidebar-mini .sidebar-content .nav-title {
    display: none;
}

.console-component-sidebar {
    width: 0;
    position: fixed;
    top: 50px;
    bottom: 0;
    background-color: #333744;
    z-index: 102;
}

.console-component-sidebar span,.console-component-sidebar a,.console-component-sidebar p,.console-component-sidebar li {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
}

.console-component-sidebar.sidebar-content {
    width: 180px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.console-component-sidebar .sidebar-fold {
    height: 30px;
    width: 100%;
    background: #4A5064;
    color: #aeb9c2;
    text-align: center;
    line-height: 30px !important;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.console-component-sidebar .sidebar-fold:hover {
    background: #4A5064;
    color: #fff;
}

.console-component-sidebar .sidebar-inner {
    position: relative;
}

.console-component-sidebar .sidebar-nav {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.console-component-sidebar .sidebar-nav ul {
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

.console-component-sidebar .sidebar-nav li a {
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.console-component-sidebar .sidebar-nav li a:hover {
    background: #4A5064;
}

.console-component-sidebar .sidebar-nav li a:hover .nav-icon,.console-component-sidebar .sidebar-nav li a:hover .nav-title {
    color: #fff;
}

.console-component-sidebar .sidebar-nav .nav-item {
    position: relative;
}

.console-component-sidebar .sidebar-nav .nav-comment {
    background: #2d3945;
    color: #cccccc;
    height: 26px;
    margin-left: 8px;
    line-height: 26px;
    padding: 0 7px;
    vertical-align: middle;
    position: relative;
    display: none;
}

.console-component-sidebar .sidebar-nav .nav-comment .icon-arrow-left {
    position: absolute;
    left: -14px;
    line-height: 26px;
    font-size: 24px;
    color: #2d3945;
}

.console-component-sidebar .sidebar-nav .nav-tooltip-comment {
    color: #ccc;
}

.console-component-sidebar .sidebar-nav .sidebar-title {
    height: 40px;
    background: #42485B;
    color: #fff;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    overflow: hidden;
}

.console-component-sidebar .sidebar-nav .sidebar-title:hover {
    background: #00C1DE;
}

.console-component-sidebar .sidebar-nav .sidebar-title:hover .sidebar-manage {
    display: block;
    color: #fff;
}

.console-component-sidebar .sidebar-nav .sidebar-title-icon {
    display: inline-block;
    margin: 0 8px 0 20px;
    vertical-align: middle;
    transition: transform 0.12s;
    -o-transition: -o-transform 0.12s;
    -ms-transition: -ms-transform 0.12s;
    -moz-transition: -moz-transform 0.12s;
    -webkit-transition: -webkit-transform 0.12s;
}

.console-component-sidebar .sidebar-nav-active ul {
    display:block;
}

.console-component-sidebar .sidebar-nav-active .sidebar-title-icon {
    vertical-align: text-top;
    transform: rotate(90deg);
}

.console-component-sidebar .sidebar-manage {
    vertical-align: middle;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top: 0;
    display: none;
}

.console-component-sidebar .sidebar-manage a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.console-component-sidebar .sidebar-nav-fold ul {
    height: 0 !important;
    overflow: hidden;
}

.console-component-sidebar .sidebar-nav-fold .sidebar-title-icon {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.console-component-sidebar .sidebar-nav-fold .sidebar-title {
    background: #37424f;
    border-bottom: 1px solid #414d5c;
}

.console-component-sidebar .sidebar-nav .nav-item:hover .nav-comment {
    display: inline-block;
}

.console-component-sidebar .entrance-nav .nav-comment {
    margin-left: 10px;
}

.console-component-sidebar .sidebar-nav .nav-icon {
    width: 50px;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #aeb9c2;
}

.console-component-sidebar .sidebar-nav .nav-title {
    float: left;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 130px;
}

.console-component-sidebar .entrance-nav .nav-title {
    width: auto;
}

.console-component-sidebar .sidebar-nav li.consolehome .nav-tooltip {
    top: 15px;
    line-height: 40px;
}

.console-component-sidebar .sidebar-nav li.consolehome a {
    height: 70px;
    line-height: 70px;
    background: #293038;
}

.console-component-sidebar .sidebar-nav li.consolehome a .nav-icon {
    font-size: 20px;
}

.console-component-sidebar .sidebar-nav li.consolehome.active a {
    background: #293038;
}

.console-component-sidebar .sidebar-nav li.active a {
    background: #00C1DE;
    transition: none;
    -webkit-transition: none;
}

.console-component-sidebar .sidebar-nav li.active a .nav-title {
    color: #fff;
}

.console-component-sidebar .sidebar-nav li.active a .nav-icon {
    color: #fff;
}

.console-component-sidebar .sidebar-nav .manage-nav {
    height: 30px;
    overflow: hidden;
}

.console-component-sidebar .sidebar-nav .manage-nav:hover .nav-icon {
    color: #fff;
}

.console-component-sidebar .sidebar-nav .manage-nav a {
    display: block;
    height: 100%;
}

.console-component-sidebar .sidebar-nav .manage-nav .nav-icon {
    height: 100%;
    line-height: 30px;
    font-size: 16px;
}

.console-component-sidebar .sidebar-nav .manage-nav .nav-title {
    margin-top: 14px;
    background: #293038;
    height: 1px;
    width: 120px;
}

.console-component-sidebar .sidebar-nav .more-nav {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.console-component-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #09c;
}

.console-component-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-icon,.console-component-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-title {
    color: #fff;
}

.console-component-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover {
    background: #09c;
}

.console-component-sidebar .sidebar-nav .more-nav.open .icon-up {
    display: none;
}

.console-component-sidebar .sidebar-nav .more-nav.open .icon-down {
    display: inline-block;
}

.console-component-sidebar .sidebar-nav .more-nav .icon-up {
    display: inline-block;
}

.console-component-sidebar .sidebar-nav .more-nav .icon-down {
    display: none;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-switch {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-icon,.console-component-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-title {
    color: #fff;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container {
    background: #425160;
    position: absolute;
    bottom: 40px;
    top: auto;
    border: none;
    border-radius: 0 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container a {
    color: #fff;
    text-decoration: none;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover {
    background: #3a4856;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover .more-nav-item-icon {
    color: #aeb9c2;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #546478;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active {
    background: #2d3945;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon {
    color: #0099cc;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-close {
    height: 20px;
    background: #09c;
    text-align: right;
    line-height: 20px;
    cursor: pointer;
}

.console-component-sidebar .sidebar-nav .more-nav .more-nav-close .icon-down {
    text-align: left;
    width: 32px;
    display: inline-block;
    color: #80cce6;
    vertical-align: middle;
}

.console-component-sidebar-dialog-wrap .modal-content {
    border: none;
}

.console-component-sidebar-dialog-wrap .modal-dialog {
    width: 900px;
}

.console-component-sidebar-dialog {
    overflow: hidden;
    height: 480px;
    position: relative;
}

.console-component-sidebar-dialog .selected-part {
    width: 180px;
    height: 100%;
    float: left;
    background: #293038;
    position: relative;
}

.console-component-sidebar-dialog .selected-part .selected-title {
    background: #394555;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    color: #fff;
}

.console-component-sidebar-dialog .selected-part .selected-list {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

.console-component-sidebar-dialog .selected-part .selected-item {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border: 1px solid #293038;
    color: #aeb9c2;
    position: relative;
}

.console-component-sidebar-dialog .selected-part .selected-item:hover {
    background: #414d5c !important;
    border: 1px dashed #69788c;
    color: #fff;
}

.console-component-sidebar-dialog .selected-part .selected-item:hover .selected-item-close {
    display: block;
}

.console-component-sidebar-dialog .selected-part .selected-item:nth-child(odd) {
    background: #2c343e;
}

.console-component-sidebar-dialog .selected-part .selected-item-close {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.console-component-sidebar-dialog .selected-part .selected-item-confirm {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #00C1DE;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    width: 180px;
}

.console-component-sidebar-dialog .selected-part .selected-item-confirm:hover {
    background: #33cde5;
}

.console-component-sidebar-dialog .selected-part .drag-btn {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    width: 10px;
    color: #fff;
    line-height: 38px;
    text-align: center;
}

.console-component-sidebar-dialog .all-part {
    float: left;
    position: relative;
    height: 100%;
    background: #eaeaea;
}

.console-component-sidebar-dialog .all-part .all-category {
    display: inline-block;
    vertical-align: top;
    width: 180px;
}

.console-component-sidebar-dialog .all-part .all-category-title {
    background: #e3e3e3;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    color: #666;
}

.console-component-sidebar-dialog .all-part .all-category-item {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    color: #333;
    background: #eaeaea;
}

.console-component-sidebar-dialog .all-part .all-category-item:hover,.console-component-sidebar-dialog .all-part .all-category-item.active {
    background: #f7f7f7;
}

.console-component-sidebar-dialog .all-part .category-product {
    position: absolute;
    width: 540px;
    left: 180px;
    top: 0;
    padding: 40px 10px;
    background: #f7f7f7;
    height: 100%;
    overflow: hidden;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-col {
    width: 250px;
    float: left;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item {
    height: 40px;
    width: 240px;
    margin: 2px 10px;
    border: 1px solid #f7f7f7;
    padding-left: 10px;
    position: relative;
    cursor: pointer;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item:hover {
    background: #f1f1f1;
    border: 1px dashed #ccc;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item:hover .mark-add {
    display: block;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item:hover .mark-yes {
    display: none;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item.selected {
    background: #edf2f4;
    border: 1px solid #7bc8e1;
    cursor: pointer;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item.selected .mark-add {
    display: none;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item.selected .mark-yes {
    display: block;
}

.console-component-sidebar-dialog .all-part .category-product .category-product-item-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    display: none;
}

.console-component-sidebar-dialog .all-part .category-product .mark-add {
    color: #999999;
}

.console-component-sidebar-dialog .all-part .category-product .mark-yes {
    color: #0099cc;
}

.console-component-sidebar-dialog .close-btn {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #aaa;
    right: 0;
    cursor: pointer;
}

body {
    font-size: 12px;
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}

html[lang="ja"] body,html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] h4,html[lang="ja"] h5,html[lang="ja"] h6,html[lang="ja"] .h1,html[lang="ja"] .h2,html[lang="ja"] .h3,html[lang="ja"] .h4,html[lang="ja"] .h5,html[lang="ja"] .h6 {
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
}

a {
    color: #06C;
    cursor: pointer;
}

a:hover {
    color: #039;
}

label {
    font-size: 100%;
}

.nowrap {
    white-space: nowrap;
}

.breakall {
    word-break: break-all;
    word-wrap: break-word;
}

input::-ms-clear {
    display: none;
}

input[type="radio"],input[type="checkbox"] {
    margin-top: 2px;
    margin-top: 1px \9;
}

.console-container {
    padding: 0 15px;
}

.console-sidebar {
    border-right: 1px solid #DDD;
}

.console-sidebar .nav {
    margin-right: 4px;
}

.console-sidebar .nav li {
    border-bottom: 1px solid #DDD;
    padding: 4px 0px;
    position: relative;
}

.console-sidebar .nav li a {
    color: #333;
    padding: 6px 16px;
    border-left: 2px solid #FFF;
}

.console-sidebar .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90;
}

.console-sidebar .nav li a span[class^="icon-"] {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #999;
    font-size: 14px;
}

.console-sidebar .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844;
}

.console-sidebar .nav .nav {
    margin-right: 0px;
}

.console-sidebar .nav .nav li {
    border-bottom: 0px;
}

.console-sidebar .nav .nav li a {
    text-indent: 12px;
    background: #FFF;
    border-left-color: #FFF;
    color: #333;
}

.console-sidebar .nav .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90;
}

.console-sidebar .nav .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844;
}

.console-instance-head {
    padding: 3px 0px;
    border-bottom: 1px solid #DDD;
}

.console-instance-head h3.instance-id {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.console-instance-head .pull-right {
    padding: 16px 0px 10px;
}

.dropdown-menu {
    font-size: 12px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

.dropdown-menu li a {
    padding: 7px 16px;
}

.dropdown-menu .divider {
    margin: 0px 0px;
}

.console-chart {
    width: 100%;
}

.tooltip {
    word-break: break-all;
}

.popover .popover-inner {
    padding: 8px;
}

.popover .popover-inner .popover-content {
    padding: 0px;
}

.console-not-service {
    margin-top: 80px;
}

.console-not-service .console-not-service-icon {
    text-align: right;
    padding-top: 8px;
}

.console-not-service .console-not-service-title {
    font-size: 20px;
}

.console-not-service .console-not-service-text {
    font-size: 12px;
    color: #666;
}

.console-not-service .console-not-service-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px;
}

.console-step {
    height: 24px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

.console-step .step {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    background: #cacaca;
    z-index: 1;
    text-align: center;
}

.console-step .step:before {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    z-index: 8;
    top: 0px;
    border-top: 12px solid #cacaca;
    border-left: 12px solid transparent !important;
    border-bottom: 12px solid #cacaca;
}

.console-step .step:after {
    content: '';
    display: block;
    width: 16px;
    height: 24px;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 0px;
    border-top: 12px solid transparent !important;
    border-left: 12px solid #cacaca;
    border-bottom: 12px solid transparent !important;
    background-color: #FFF;
}

.console-step .step-first:before {
    display: none;
}

.console-step .step-end:after {
    display: none;
}

.console-step .step-pass {
    background-color: #99dcf3;
}

.console-step .step-pass:after {
    border-color: #99dcf3;
}

.console-step .step-pass:before {
    border-color: #99dcf3;
}

.console-step .step-active {
    background-color: #00a0c7;
}

.console-step .step-active:after {
    border-color: #00a0c7;
}

.console-step .step-active:before {
    border-color: #00a0c7;
}

/*in-center*/
.in-center{
    padding-top: 15px;
    padding-bottom: 15px;
}
.page-wrapper {
    height: 100%;
}
.top-nav-wrapper {
    height: 45px;
    width: 100%;
    padding-left: 33%;
    border-bottom: 1px solid #d9d9d9;
}
.top-nav-wrapper .ant-tabs-tab {
    height: 100%;
    font-size: 16px;
    display: inline-block;
    margin-right: 24px;
}
.top-nav-wrapper.nav-tabs>li {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-left: 0px;
}
.top-nav-wrapper.nav-tabs>li>a, .top-nav-wrapper.nav-tabs>li>a:focus {
    background:none;
    border: none;
}
.top-nav-wrapper.nav-tabs>li.active>a, .top-nav-wrapper.nav-tabs>li.active>a:hover, .top-nav-wrapper.nav-tabs>li.active>a:focus {
    border-top: none;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid #00c1de;
    color: #333;
}
.top-nav-wrapper.nav-tabs > li.active > a, .top-nav-wrapper.nav-tabs > li.active > a:hover, .top-nav-wrapper.nav-tabs > li.active > a:focus {
    background: none;
}
.top-nav-wrapper.nav-tabs > li > a:hover {
    border: none;
}